.brand-glyph{border:1px solid color-mix(in srgb, var(--home-accent,var(--home-mint)) 24%, transparent);width:48px;height:48px;color:var(--home-accent,var(--home-mint));background:color-mix(in srgb, var(--home-accent,var(--home-mint)) 7%, transparent);border-radius:14px;flex-shrink:0;place-items:center;display:inline-grid;position:relative}.brand-glyph>svg{width:22px;height:22px;transition:transform .35s}.brand-glyph>i{opacity:.14;border:1px dashed;border-radius:9px;position:absolute;inset:5px}.brand-glyph>span{background:currentColor;border-radius:50%;width:3px;height:3px;position:absolute;top:7px;left:7px}.brand-glyph>span:last-child{opacity:.35;inset:auto 7px 7px auto}@media (prefers-reduced-motion:no-preference){a:hover .brand-glyph>svg,button:hover .brand-glyph>svg{transform:translateY(-2px)}}