// links
.link-primary {
  @include link-primary;
}

.link-secondary {
  @include link-secondary;
}

// buttons
.btn {
  position: relative;
  text-decoration: none;
  transition: all .2s ease;

  &_full {
    @include button-full;
  }

  &_large {
    @include button-large;
  }

  &_small {
    @include button-small;
  }

  &__numbers {
    color: $gray-dark;
    font-weight: 500;
    margin-right: 7px;

    :hover > &,
    :focus > &,
    :active > & {
      color: $white;
      opacity: .6;
      bottom: auto; //IE fix
    }
  }

  &[disabled],
  &.disabled {
    border: 1px solid $blue;
    opacity: $btn-disabled-opacity;
    pointer-events: none;
  }

  &__text {
    position: relative;
  }
}

.btn-primary {
  @include button-primary;
}

.btn-secondary {
  @include button-secondary;
}

.btn-action {
  @include button-action;
}

.btn-danger {
  @include button-danger;
}

.square-cta {
  @include square-cta;
}

// sass-lint:disable no-important
.swiper-button-disabled {
  display: none !important;
}

.switch {
  @include switch;
}

.btn-transparent {
  @include button-transparent;
}

.btn-pending {
  @include button-pending
}

.btn--icon {
  display: flex;
  align-items: center;
  justify-content: center;

  .icon {
    font-size: 1rem;
    margin-right: 12px;
  }
}