Reactive-Resume/apps/client/components/shared/Heading.module.scss

.container {
  @apply flex items-center justify-between;

  h1 {
    @apply text-2xl;
  }

  .actions {
    @apply flex gap-2 opacity-75 transition-opacity lg:opacity-50 dark:lg:opacity-25;
  }

  &:hover {
    .actions {
      @apply opacity-75;
    }
  }
}