.card{transition:all .3s ease-out;padding:6px;border:1px solid transparent;border-radius:20px}.card:hover{background-color:var(--white);box-shadow:0 4px 8px rgba(41,41,41,.06),0 2px 4px rgba(41,41,41,.04),0 1px 2px rgba(41,41,41,.04),0 0 0 1px rgba(41,41,41,.04),inset 0 -.5px .5px rgba(41,41,41,.08)}.card .image{border:1px solid #dcdcdc;border-radius:16px;transition:all .3s ease-out;background-color:#f9f9f9}.card:hover .image{border:1px solid #cacaca;background-color:var(--neutral-2)}.card .image img{transition:all .3s ease-out;transform:scale(.85)}.card:hover .image img{transform:scale(.9)}.card-content{padding:12px;transition:all .3s ease-out}