#introduction { align-items: center; background: var(--vriish-gradient); display: flex; flex-direction: column; padding: 3em 0; gap: .5em; justify-content: center; z-index: 2; h1, p { margin: 0; } } section { position: relative; h2 { .more{ font-size: .75em; font-weight: normal; hyphens: none; &::after { content: "\27F6"; margin-left: .25em; transition: margin .5s; } &:hover::after { margin-left: .5em !important; } } &:hover .more::after { margin-left: .35em; } } }