.card{z-index:1;background:#191919;border-radius:20px;width:350px;height:525px;margin-top:10px;margin-left:auto;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;right:23px}@-moz-document url-prefix(){.card:after{right:6px}}.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:150px;padding:10px 30px;text-decoration:none;transition:all .5s;position:absolute;top:100px}.card .contentBox .desc{opacity:0;color:#fff;font-size:16.1799px;text-decoration:none;transition:all .5s;position:relative}@-moz-document url-prefix(){.card .contentBox .desc{font-size:14.8749px}}.card:hover .contentBox .buy,.card:hover .contentBox .desc{opacity:1;top:0}.mouse{width:auto;height:300px}
