.tabs {
  /* transform: translateY(2px); */

  > a {
    text-decoration: none;
    padding: 0.5rem 0.75rem;
    background: white;

    &.active {
      border: 1px solid var(--clr-separators);
      border-top: 3px solid var(--clr-separators);
      border-bottom: none;
      position: relative;

      &:after {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 100%;
        height: 1px;
        background: white;
      }
    }
  }

  .mobile-label {
    @media (min-width: 1000px) {
      display: none;
    }
  }

  .desktop-label {
    @media (max-width: 1000px) {
      display: none;
    }
  }
}