.holographic-container.svelte-13khiil{display:flex;justify-content:start;align-items:center;background:transparent}.holographic-card.svelte-13khiil{display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;border-radius:var(--space-xs);border:2px solid transparent;background-image:linear-gradient(oklch(var(--button-color)),oklch(var(--button-color))),linear-gradient(135deg,oklch(var(--heading-text-color)),rgb(var(--color-yellow-60)));background-origin:border-box;background-clip:padding-box,border-box;transition:all .15s ease-in-out;text-decoration:none;padding:var(--space-s) var(--space-m);box-shadow:0 2px 4px #0000001a;cursor:pointer}.holographic-card.svelte-13khiil h2:where(.svelte-13khiil){color:oklch(var(--main-text-color));position:relative}.holographic-card.svelte-13khiil:before{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:linear-gradient(0deg,transparent,transparent 30%,oklch(var(--heading-text-color) / 1) 50%,rgb(var(--color-yellow-60) / 1) 90%);transform:rotate(-45deg);transition:all .4s ease-in-out;opacity:0}.holographic-card.svelte-13khiil:hover{transform:scale(1.05);box-shadow:0 0 20px oklch(var(--heading-text-color) / .5),0 0 30px rgb(var(--color-yellow-60) / .3)}.holographic-card.svelte-13khiil:hover:before{opacity:1;transform:rotate(-45deg) translateY(150%)}@media (max-width: 768px){.holographic-container.svelte-13khiil,.holographic-card.svelte-13khiil{width:100%}}