.card{--card-padding:var(--sp-6);gap:var(--sp-4);padding:var(--card-padding);border:var(--sp-unit) solid var(--color-grey-100);background-color:var(--color-surface-primary);filter:drop-shadow(0 var(--sp-1) var(--sp-4) #0000000d);flex-direction:column;justify-content:space-between;align-items:start;display:flex;position:relative}.card--interactive{transition:var(--animation-colors-fade), transform var(--animation-simple-fade)}.card--interactive:hover,.card--interactive:focus-within{transform:translateY(calc(var(--sp-base) * -1));border-color:var(--color-aqua-500)}