/*------------------------------------
  Form Selector
------------------------------------*/

.form-selector {
  padding-left: 0;
  margin-right: .5rem;
  margin-bottom: .75rem;

  &__input {

    &:checked ~ .form-selector__label {
      border-color: $primary;
    }
  }

  &__label {
    text-align: center;
    cursor: pointer;
    min-width: 5rem;
    border: 1px solid $gray-300;
    @include border-radius($border-radius);
    padding-top: .5rem;
    padding-bottom: .5rem;

    &::before,
    &::after {
      display: none;
    }
  }
}