.icon-button{display:flex;align-items:center;font-size:clamp(14px,4vw,20px);font-weight:var(--fw-bold);text-decoration:none;color:var(--theme-base)}.icon-button.secondary{color:var(--theme-secondary-scrollbar)}.icon-button.secondary .icon--wrapper{border-color:var(--theme-secondary-scrollbar)}.icon-button .icon--wrapper{z-index:1;background:transparent;text-decoration:none;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid var(--theme-icon-button-border);border-radius:50%;min-width:3.75rem;width:3.75rem;height:3.75rem;text-align:center;font-weight:var(--fw-medium);transition:transform .2s linear}.icon-button .icon--wrapper:has(+.icon-button__text){margin-right:11px}.icon-button .icon--wrapper .icon{width:24px;height:24px}.icon-button--reduced .icon--wrapper{min-width:2.5rem;width:2.5rem;height:2.5rem}.icon-button:hover .icon-button__text{background-position:-100% 100%;color:var(--theme-icon-button-hover)}.icon-button:hover .icon--wrapper{background:var(--theme-icon-button-hover);border:2px solid var(--theme-icon-button-hover);color:var(--theme-button-text-hover);transform:scale(.9)}.icon-button:active .icon--wrapper{border:4px solid #000;transform:scale(1);background:var(--theme-icon-button-active)}.icon-button .icon-button__text{--startColor:transparent;--hoverColor:var(--theme-icon-button-hover);--underlineHeight:2px;overflow:hidden;cursor:pointer;text-decoration:none;color:var(--c-text);background-position:0 100%;background-repeat:repeat-x;background-size:200% var(--underlineHeight);background-image:linear-gradient(90deg,var(--startColor) 0,var(--startColor) 50%,var(--hoverColor) 0,var(--hoverColor));transition:all .5s ease-in-out,font-weight .1s ease}.icon-button__button{border:none;background:transparent}