@layer components {
  .scroll-cue {
    display: grid;
    place-items: center;
    width: 3rem;
    aspect-ratio: 1;
    border-radius: var(--radius-full);
    color: var(--color-brand-magenta);
    transition: transform 200ms ease;

    & svg {
      width: 28px;
      height: 28px;
    }

    &:hover {
      transform: translateY(4px);
    }
  }
}