.card{z-index:1;background:#191919;border-radius:20px;width:320px;height:525px;margin-top:10px;margin-left:25px;position:relative;overflow:hidden}.card:before{content:"";z-index:1;background:#66b6ce;width:100%;height:100%;transition:all .5s;position:absolute;top:-80%;left:0;transform:skewY(345deg)}.card:hover:before{opacity:0;top:-70%;transform:skewY(390deg)}.card:after{content:"CHAIR";color:#0000001a;font-size:6em;font-weight:600;position:absolute;bottom:0;left:0}.card .imgBox{z-index:0;justify-content:center;align-items:center;width:100%;padding-top:20px;display:flex;position:relative}.card .contentBox{z-index:2;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:relative}.card .contentBox h3{color:#fff;text-transform:uppercase;letter-spacing:1px;font-size:18px;font-weight:500}.card .contentBox .price{color:#fff;letter-spacing:1px;font-size:24px;font-weight:700}.card .contentBox .buy{opacity:0;color:#000;text-transform:uppercase;letter-spacing:1px;background:#ffce00;border-radius:30px;margin-top:20px;padding:10px 30px;text-decoration:none;transition:all .5s;position:relative;top:100px}.card .contentBox .desc{opacity:0;color:#fff;font-size:14px;text-decoration:none;transition:all .5s;position:relative}.card:hover .contentBox .buy,.card:hover .contentBox .desc{opacity:1;top:0}.mouse{width:auto;height:300px}