@use './src/styles/framework' as *;

.schedule-direction-switch {
  display: flex;

  &__button {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 130px;
    height: 40px;

    background-color: $white;
    border-radius: 0;

    line-height: 16px !important;
    font-weight: 500 !important;
    border: 1px solid $extra-blue;

    @include font-small($extra-blue);
  }

  &__button--direct {
    border-right: none;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
  }

  &__button--return {
    border-left: none;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
  }

  &__button--active {
    background-color: $extra-blue;

    color: $white;
  }

  &__icon {
    margin-right: 5px;
    width: 19px;
    height: 19px;
  }
}
