.icon-button-group{display:flex;justify-content:center;gap:3em}.icon-button{display:flex;gap:.5em;color:hsl(var(--primary));font-size:1em;line-height:1.2;text-decoration:none}.icon-button__icon{position:relative;z-index:1;display:flex;flex:none;justify-content:center;align-items:center;width:1em;height:1em}.icon-button__icon-bg{position:absolute;width:100%;height:100%;background-color:currentColor;border-radius:.125em}.icon-button__icon-wrap{position:relative;display:flex;justify-content:flex-end;align-items:center;width:100%;height:100%;overflow:hidden;color:hsl(var(--primary))}.icon-button__icon-wrap--white{color:hsl(var(--foreground))}.icon-button__icon-list{display:flex;flex:none;justify-content:flex-start;align-items:center;height:100%}.icon-button__arrow{flex:none;width:1em;height:100%;padding:.2em}.icon-button__content{position:relative;display:flex;justify-content:flex-start;align-items:center;gap:.5em;padding:.6125em .75em;color:hsl(var(--foreground));background-color:hsl(var(--accent));color:hsl(var(--primary-foreground));border-radius:.25em;overflow:hidden}.icon-button__text{--text-duplicate-distance:1.5em;font-size:1.25rem;text-shadow:0 var(--text-duplicate-distance) currentColor;color:hsl(var(--primary-foreground))}.icon-button__mask{position:relative;z-index:1;display:flex;flex:none;justify-content:flex-start;align-items:center;overflow:hidden}.icon-button__content-bg{position:absolute;color:hsl(var(--foreground));z-index:0;bottom:0;left:-10%;width:120%;height:100%;background-color:hsl(var(--background));transform:translateY(175%) rotate(15deg)}[data-button-anim-target]{transition:transform .525s cubic-bezier(.625,.05,0,1),color .525s cubic-bezier(.625,.05,0,1)}@media (hover:hover) and (pointer:fine){.icon-button:hover .icon-button__text{transform:translateY(calc(-1 * var(--text-duplicate-distance)));color:hsl(var(--foreground))}.icon-button:hover .icon-button__icon-bg{transform:rotate(90deg);color:hsl(var(--background))}.icon-button:hover .icon-button__arrow{transform:translate(200%);color:hsl(var(--foreground))}.icon-button:hover .icon-button__content-bg{transform:translate(0) rotate(0deg)}}.icon-button:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px;border-radius:.25em}