.card.svelte-1h98zuj{display:grid;grid-template-rows:auto 1fr auto;position:relative;min-height:60vh;padding:4vw;overflow:hidden;border-radius:10px}.overlay.svelte-1h98zuj{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:#0000004d;background-blend-mode:multiply;pointer-events:none;opacity:.7;filter:blur(5px) grayscale(10%);-webkit-filter:blur(5px) grayscale(10%);-webkit-backdrop-filter:blur(5px) grayscale(10%);backdrop-filter:blur(5px) grayscale(10%)}.card.svelte-1h98zuj:hover .overlay:where(.svelte-1h98zuj){filter:blur(0px);opacity:1}.text-card.svelte-1h98zuj{position:relative;color:#fff}.card__title.svelte-1h98zuj{font-size:clamp(1rem,5vw + 1rem,2rem);font-weight:700;text-wrap:balance}.card__date.svelte-1h98zuj{font-size:clamp(.7rem,5vw + 1rem,1rem);font-weight:lighter}.card__link.svelte-1h98zuj{font-size:clamp(.7rem,5vw + 1rem,1.5rem)}.btn.svelte-1h98zuj{--bg-color: var(--color-white);--border-size: 2px;--border-color: none;--hover-bg-color: var(--color-green-400);--hover-border-color: none;--text-color: var(--color-gray-900);--hover-text-color: var(--color-purple-500);position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;width:fit-content;background-color:var(--border-color);transition:all .5s ease-in-out;clip-path:url(#button-clip);-webkit-clip-path:url(#button-clip);padding:var(--border-size)}.btn.svelte-1h98zuj:after{position:absolute;content:"";height:100%;width:100%;z-index:-1;background-color:var(--hover-bg-color);right:100%;top:0;transition:all .5s ease-in-out}.btn.svelte-1h98zuj .btn-container:where(.svelte-1h98zuj){display:flex;justify-content:space-around;align-items:center;gap:.65rem;clip-path:url(#button-clip);-webkit-clip-path:url(#button-clip);background-color:var(--bg-color);padding:1.125rem;color:var(--text-color);transition:all .5s ease-in-out}.btn.svelte-1h98zuj .btn-container:where(.svelte-1h98zuj):after{position:absolute;content:"";height:100%;width:100%;z-index:-1;background-color:var(--hover-bg-color);color:var(--hover-text-color);right:100%;top:0;transition:all .5s ease-in-out}.card.svelte-1h98zuj:hover .btn:where(.svelte-1h98zuj){background:var(--hover-border-color)}.card.svelte-1h98zuj:hover .btn:where(.svelte-1h98zuj) .btn-container:where(.svelte-1h98zuj){color:var(--color-black-500)}.card.svelte-1h98zuj:hover .btn:where(.svelte-1h98zuj) .btn-container:where(.svelte-1h98zuj):after{right:0}
