@use '../../_global/styles/mixins' as *;
@use '../../_global/styles/vars' as *;

.tabs {
  margin: calc(10px + 1%) -0.25em;

  .btn {
    margin: 0.25em;
    display: inline-flex;

    &::after {
      display: none;
    }

    &.active, &:hover {
      background-color: var(--color-button-primary-background);
      color: var(--color-button-primary-text);
    }

    strong {
      margin-left: 0.2em;
    }
  }
}
