.square.svelte-1li252x{max-width:20rem;position:relative;display:flex;aspect-ratio:1 / 1;width:100%;align-items:center;justify-content:center}.square.svelte-1li252x span:where(.svelte-1li252x):nth-child(1){position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid black;border-radius:32% 58% 69% 43%/48% 32% 59% 55%;transition:.5s;animation:svelte-1li252x-animate 6s linear infinite}.square.svelte-1li252x span:where(.svelte-1li252x):nth-child(2){position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid black;border-radius:38% 62% 63% 37%/41% 44% 56% 59%;transition:.5s;animation:svelte-1li252x-animate 4s linear infinite}.square.svelte-1li252x span:where(.svelte-1li252x):nth-child(3){position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid black;border-radius:31% 45% 74% 35%/38% 56% 51% 87%;transition:.5s;animation:svelte-1li252x-animate2 10s linear infinite}.square.svelte-1li252x:hover span:where(.svelte-1li252x){border:none;background:#1f2937;color:#fff}.square.svelte-1li252x:hover .content:where(.svelte-1li252x){color:#fff}.content.svelte-1li252x{position:relative;padding:40px 60px;color:#000;text-align:center;transition:.5s;z-index:1000;width:100%}@keyframes svelte-1li252x-animate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes svelte-1li252x-animate2{0%{transform:rotate(360deg)}to{transform:rotate(0)}}