.button.svelte-9juyyz{--_size: var(--size, 36px);--_color: var(--button-color, currentColor);--_bg: var(--button-background, var(--color-yellow));--_icon-rotation: var(--icon-rotation, 0deg);--_arrow-color-default: var(--arrow-color--default ,var(--color-black));--_arrow-color-hover: var(--arrow-color--hover ,var(--color-white));all:unset;display:block;inline-size:var(--_size);block-size:var(--_size);position:relative;contain:content;color:var(--_color);background-color:var(--_bg);clip-path:circle(50% at 50% 50%);transition:background-color var(--transition-color-duration) var(--transition-color-ease)}.button.svelte-9juyyz:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-red);opacity:0;transition-property:opacity;transition-duration:.95s;transition-timing-function:var(--ease-out-back)}.button.svelte-9juyyz .button__inner:where(.svelte-9juyyz){display:flex;justify-content:flex-start;flex-direction:row-reverse;transition-property:transform;transition-duration:.4s;transition-timing-function:var(--ease-out-back);transform:rotate(var(--_icon-rotation))}.button.svelte-9juyyz .state:where(.svelte-9juyyz){padding:calc(var(--_size) * .22);inline-size:var(--_size);block-size:var(--_size)}.button.svelte-9juyyz .state--default:where(.svelte-9juyyz){color:var(--_arrow-color-default)}.button.svelte-9juyyz .state--hover:where(.svelte-9juyyz){color:var(--_arrow-color-hover)}.button.strict.svelte-9juyyz{contain:strict}.button.svelte-9juyyz:is(.hover:where(.svelte-9juyyz),:where(.svelte-9juyyz):hover){cursor:pointer}.button.svelte-9juyyz:is(.hover:where(.svelte-9juyyz),:where(.svelte-9juyyz):hover) .button__inner:where(.svelte-9juyyz){transform:translate(100%) rotate(var(--_icon-rotation))}.button.svelte-9juyyz:is(.hover:where(.svelte-9juyyz),:where(.svelte-9juyyz):hover):before{opacity:1}