.cardgrid{--card-width:200px;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--card-width)),1fr));position:relative;z-index:1}.cardgrid__card{align-items:start;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(180deg,rgba(var(--light),80%),rgba(var(--white),80%));border:none;border-radius:2rem;box-shadow:0 .5em 1em -.5em rgba(var(--black),.2);display:flex;flex-direction:column;justify-content:end;padding:1.5rem;text-align:left;transition:all .3s;width:100%}@media (width <= 767px){.cardgrid__card{aspect-ratio:auto}}.cardgrid__card:hover .cardgrid__card-icon>iconify-icon{translate:-100% 0}.cardgrid__card:hover .cardgrid__card-actions>iconify-icon{scale:1.3}.cardgrid__card-icon{color:var(--primary-color);display:flex;font-size:clamp(3rem,6vw,4rem);height:clamp(3rem,6vw,4rem);margin-bottom:1.5rem;overflow:hidden;width:clamp(3rem,6vw,4rem)}.cardgrid__card-icon iconify-icon{transition:translate .5s var(--ease-in-out-back)}.cardgrid__card-text{color:var(--primary-color);font-size:1.25rem;font-weight:700;margin:auto 0 0;width:100%}.cardgrid__card-actions{align-items:center;color:var(--primary-color);display:flex;gap:.5rem;margin-top:.5rem;width:100%}.cardgrid__card-actions>span{display:block;flex:1;font-size:1rem;line-height:2}.cardgrid__card-actions>iconify-icon{font-size:2rem;transition:all .5s var(--ease-in-out-back)}