.card-data{width:340px;padding:1rem 1.5rem;box-shadow:0 8px 24px rgba(0,0,0,.15);border-radius:1rem;background-color:#fff;position:absolute;bottom:-9.5rem;left:0;right:0;margin-inline:auto;opacity:0;transition:opacity 1s 1s}.card-holder:hover .card-data{animation:show-data 1s forwards;opacity:1;transition:opacity .3s}.card-holder:hover{animation:remove-overflow 2s forwards}.card-holder:not(:hover){animation:show-overflow 2s forwards}.card-holder:not(:hover) .card-data{animation:remove-data 1s forwards}@keyframes show-data{50%{transform:translateY(-10rem)}to{transform:translateY(-7rem)}}@keyframes remove-overflow{to{overflow:initial}}@keyframes remove-data{0%{transform:translateY(-7rem)}50%{transform:translateY(-10rem)}to{transform:translateY(3rem)}}@keyframes show-overflow{0%{overflow:initial;pointer-events:none}50%{overflow:hidden}}