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