.icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;line-height:0;height:64px;width:64px;cursor:pointer;background:var(--primary);border-radius:9999px;transition:transform .05s ease,border .2s ease-out}.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{height:48px;width:48px}.icon-button--small{height:40px;width: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 #ffffff}.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}