.info-icon {
  margin: 0 4px;

  &--success {
    fill: var(--success-1);
  }

  &--info {
    fill: var(--primary-1);
  }

  &--warning {
    fill: var(--alert-3);
  }

  &--danger {
    fill: var(--error-1);
  }
}
