.card{transition:all .2s}.card--interactive:hover{box-shadow:var(--shadow-l);transform:translateY(-2px)}.card--clickable{cursor:pointer}.card--clickable:hover{box-shadow:var(--shadow-l);transform:translateY(-2px)}.card--featured{border:2px solid var(--brand-medium);background:var(--brand-weak)}.card--outlined{background:0 0}.card__header-action{align-items:center;gap:8px;display:flex}.card__body{flex:1}.card__footer{flex-shrink:0}