.button.svelte-1vtsk9.svelte-1vtsk9{--_background:var(--button-background, rgb(0 0 0 / .2));--_color:var(--button-color, rgb(var(--color-white)));--_size:var(--button-size, var(--size-ui-circular-button, 32px));display:grid;place-content:center;width:var(--_size);height:var(--_size);contain:strict;aspect-ratio:1;border-radius:50%;background-color:rgb(var(--color-beo-black)/.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition-property:background;transition-duration:var(--transition-icon-duration);transition-timing-function:var(--transition-icon-ease)}.button.svelte-1vtsk9 .wrapper.svelte-1vtsk9{contain:strict;width:var(--_size);height:var(--_size);padding:5px}@media (hover: hover){.button.hover.svelte-1vtsk9.svelte-1vtsk9,.button.svelte-1vtsk9.svelte-1vtsk9:hover{background-color:rgb(var(--color-beo-black)/1)}}@media (hover: hover){.button--invert.hover.svelte-1vtsk9.svelte-1vtsk9,.button--invert.svelte-1vtsk9.svelte-1vtsk9:hover{--icon-color:rgb(var(--color-beo-black));background-color:rgb(var(--color-beo-white)/1)}}.icon.svelte-1ybdb1i.svelte-1ybdb1i{--_color:var(--icon-color, #fff);aspect-ratio:1;contain:content}.icon.svelte-1ybdb1i svg.svelte-1ybdb1i{width:100%;height:100%}.icon.svelte-1ybdb1i svg path.svelte-1ybdb1i{stroke:var(--_color);transition:stroke .35s ease-in-out}