@import 'admin-dashboard/main_dependencies';

@mixin orientation-button($bb-secondary) {
  @if ($bb-secondary) {
    background-color: $bb-secondary;
    color: $white;
  } @else {
    background-color: $white;
    color: #000;
  }
}

.calendar-orientation {
  .btn.calendar-orientation__button {
    font-weight: normal;
    color: #000;
    box-shadow: none;
    &:hover {
      @include orientation-button($bb-secondary: false);
    }
    &:focus {
      @include orientation-button($bb-secondary: false);
      @include outline;

    }
    &:active {
      @include orientation-button($bb-secondary: false);
    }
  }
  .btn.calendar-orientation__button.active {
    @include orientation-button($bb-secondary);
    &:hover {
      @include orientation-button($bb-secondary);
      @include outline;
    }
    &:focus {
      @include orientation-button($bb-secondary);
    }
  }
}