@layer base {
  .hidden-mobile {
    display: none;
  }

  .hidden-desktop {
    display: block;
  }

  @media screen and (min-width: 48rem) {
    .hidden-mobile {
      display: block;
    }

    .hidden-desktop {
      display: none;
    }
  }
}