.card{height:300px}.trans_card{visibility:hidden;opacity:0;transition:opacity .5s ease-in-out;width:312px;height:98%}.card:hover .trans_card{visibility:visible;opacity:1;transition:opacity .5s ease-in-out;background-color:#ffffffb7}.exploreBtn{position:absolute;bottom:2px;right:2px;z-index:10}.arrowIcon:hover{-webkit-animation-name:bobble;animation-name:bobble;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@keyframes bobble{0%,to{-webkit-transform:translateX(0);transform:translate(0)}50%{-webkit-transform:translateX(25%);transform:translate(25%)}}