@layer components{.icon-link{--icon-size:1.25rem;gap:var(--spacing-2xs);inline-size:100%;padding-block:var(--spacing-3xs);padding-inline:var(--spacing-3xs);border-radius:var(--radius-md);color:var(--theme-text);letter-spacing:.05ch;transition:background-color var(--transition-duration);align-items:start;text-decoration:none;display:inline-flex}.icon-link:focus-visible,.icon-link:hover{background-color:var(--theme-bg-hover)}:is(.icon-link:hover,.icon-link:focus-visible) .icon-container{--icon-container-border-color:var(--theme-primary);--icon-container-bg:color-mix(in srgb, var(--theme-primary), #fff 90%);color:var(--theme-primary)}.icon-link__content{margin-block-start:.375em}}