.icon{display:grid;grid-template-areas:stack;place-items:center;position:relative;isolation:isolate;aspect-ratio:1;font-size:var(--h4);color:var(--_icon-clr,var(--black));transition-duration:var(--transition-link)}.icon::before,.icon::after{grid-area:stack}.icon::after{content:'';z-index:-1;inline-size:100%;aspect-ratio:1;padding:var(--_icon-pad,1em);border-radius:50%;background-color:var(--_icon-bg,var(--base))}.icon--unique{--_icon-bg:var(--primary);--_icon-pad:.35ch;--_icon-clr:var(--white)}