.box.svelte-puvica{width:75px;height:75px;background:transparent;transition:all .4s}.box.svelte-puvica:hover{box-shadow:inset 0 0 0 5px var(--ring-color)}.box.svelte-puvica:active{scale:.9}.square.svelte-puvica{--ring-color: var(--brand);filter:drop-shadow(12px 12px 0px oklch(from var(--ring-color) l c h / .2));border-radius:10%;box-shadow:inset 0 0 0 2px var(--ring-color)}.square.filled.svelte-puvica{box-shadow:inset 0 0 0 38px var(--ring-color)}.circle.filled.svelte-puvica{box-shadow:inset 0 0 0 18px var(--ring-color)}.circle.svelte-puvica{--ring-color: var(--content);box-shadow:inset 0 0 0 1px var(--ring-color);filter:drop-shadow(12px 12px 0px oklch(from var(--ring-color) l c h / .2));border-radius:50%}