:root{--c0:color-mix(in srgb,98% var(--color-brand-black),2% var(--color-brand-orange-700));--c1:color-mix(in srgb,90% var(--color-brand-black),10% var(--color-brand-orange-700));--c2:color-mix(in srgb,80% var(--color-brand-black),20% var(--color-brand-orange-700))}.card{background:linear-gradient(to top,var(--c0),var(--c1));border:2px solid color-mix(in srgb,var(--color-brand-orange-400) 30%,transparent 90%);transition:.3s;transition-property:--c0,--c1}.card.shadow{box-shadow:0 0 1rem -.5rem color-mix(in srgb,var(--color-brand-orange-500) 50%,transparent 50%)}.card .iconify{transform:scale(1)}.card:hover div .iconify{transform:scale(1.1)}.card:hover{background:linear-gradient(to top,var(--c0),var(--c2));transition:.3s;transition-property:--c0,--c2}