@use 'src/styles/mixins';
@use 'src/styles/colors';

.tab-button {
  @include mixins.button(colors.$blue-extra-light);

  padding-bottom: 15px;
  max-height: 48px;
  width: 100%;

  border-right: 1px solid colors.$border;
  border-bottom: 1px solid colors.$border;
  border-radius: 0;

  &--active {
    background-color: colors.$white;
    border-bottom-color: colors.$white;
  }

  &--disabled {
    opacity: 0.5;
  }
}
