.icon-button{cursor:pointer;background:var(--primary);border-radius:9999px;justify-content:center;align-items:center;width:64px;height:64px;line-height:0;transition:transform 50ms,border .2s ease-out;display:inline-flex;position:relative}.icon-button:hover:not(.icon-button--no-hover-effect){filter:brightness(120%)}.icon-button:focus-visible{box-shadow:0 8px 16px #867e750a,0 0 12px #867e751f}.icon-button:active:not([disabled]){transform:scale(.95)}.icon-button:disabled:not(.icon-button--loading){cursor:auto;pointer-events:none;background:#fbf9f7}.icon-button--loading{cursor:auto;pointer-events:none}.icon-button--medium{width:48px;height:48px}.icon-button--small{width:40px;height:40px}.icon-button--secondary{background:var(--primary-lightest);border:1px solid var(--primary-light)}.icon-button--secondary:hover:not(.icon-button--no-hover-effect){background:var(--primary-lightest);border:1px solid var(--primary)}.icon-button--secondary:disabled:not(.icon-button--loading){background:#fbf9f7;border:1px solid #f3eee8}.icon-button--ghost,.icon-button--ghost:disabled:not(.icon-button--loading),.icon-button--ghost:hover:not(.icon-button--no-hover-effect){background:#fbf9f7}.icon-button--neutral{background:#fbf9f7;border:1px solid #fff}.icon-button--neutral:disabled:not(.icon-button--loading),.icon-button--neutral:hover:not(.icon-button--no-hover-effect){background:#fbf9f7}.icon-button--inverted,.icon-button--inverted:hover:not(.icon-button--no-hover-effect){background:#fff}.icon-button--inverted:disabled:not(.icon-button--loading){background:#fbf9f7}.icon-button--shadow{box-shadow:0 4px 8px #867e750a,0 0 4px #867e751f}