.quatrefoil.svelte-g6vzbu{width:var(--size);height:var(--size);cursor:pointer;z-index:1;transform:rotate(var(--rotation,0deg));color:#fff;filter:drop-shadow(0 0 4px #000);background-color:#0000;border:none;justify-content:center;align-items:center;font-weight:700;transition:transform .2s;display:inline-flex;position:relative;overflow:visible}.quatrefoil.svelte-g6vzbu:before,.quatrefoil.svelte-g6vzbu:after{content:"";background-color:var(--color);z-index:-1;border-radius:50%;position:absolute}.quatrefoil.svelte-g6vzbu:before{width:calc(var(--size) * 1.8);height:calc(var(--size) * .9);left:calc(var(--size) * -.4);top:calc(var(--size) * .05)}.quatrefoil.svelte-g6vzbu:after{width:calc(var(--size) * .9);height:calc(var(--size) * 1.8);left:calc(var(--size) * .05);top:calc(var(--size) * -.4)}.quatrefoil.svelte-g6vzbu:hover{filter:brightness(.9)}