a.svelte-umyw0f{background-color:#ccc;position:relative;aspect-ratio:54 / 50;display:flex;padding:clamp(1.5rem,1rem + 1vw,2rem);flex-direction:column;justify-content:flex-end;text-decoration:none;border-radius:var( --border-radius );overflow:hidden}a.narrow.svelte-umyw0f{aspect-ratio:54 / 36}a.svelte-umyw0f>div:where(.svelte-umyw0f){position:relative;z-index:2}a.svelte-umyw0f:has(.card__description:where(.svelte-umyw0f))>div:where(.svelte-umyw0f){transform:translateY(35%);transition:transform .3s ease}svg.svelte-umyw0f{transition:transform .3s ease}a.svelte-umyw0f:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#12305312,#123053d9);opacity:1;transition:all .3s ease;pointer-events:none}h3.svelte-umyw0f{color:var( --color-light );display:flex;align-items:center;gap:1rem;font-size:var( --type-30 );font-weight:var( --weight-semi-bold );margin:0}.card__description.svelte-umyw0f{opacity:0;transition:opacity .3s ease}.card__description.svelte-umyw0f p:where(.svelte-umyw0f){color:var( --color-light );font-size:var( --type-20 );margin:0}a.svelte-umyw0f:hover svg:where(.svelte-umyw0f){transform:rotate(45deg)}a.svelte-umyw0f:hover:after{background:linear-gradient(180deg,#025d3e00,#025d3ed9 54%);opacity:.6}a.svelte-umyw0f:hover .card__description:where(.svelte-umyw0f){opacity:1}a.svelte-umyw0f:hover>div:where(.svelte-umyw0f){transform:translateY(0)}a.fixed>div{transform:translateY(0)}