.toggle-selector {
  background: $light;
  border: 1px $light-grey solid;
  box-shadow: 0px 4px 8px rgba(57, 83, 123, 0.08);
  @include display-flex();
  color: $dark-grey;
  width: auto;
  border-radius: 6px;
  p {
    padding: 0.8em 1em;
  }
  &--disabled {
    pointer-events: none;
    cursor: not-allowed;
  }
  &--not-active {
    cursor: pointer;
  }
  &--active {
    background: $white;
    color: $black;
    border-radius: 6px;
    transition: margin 150ms linear;
    pointer-events: none;
    cursor: not-allowed;
  }
}