.card{position:relative;width:320px;height:480px;background:#191919;border-radius:20px;overflow:hidden;margin-left:25px;margin-top:10px;z-index:1}.card:before{content:"";position:absolute;top:-80%;width:100%;height:100%;background:#66b6ce;transform:skewY(345deg);transition:.5s;z-index:1}.card:hover:before{top:-70%;transform:skewY(390deg);opacity:0}.card:after{content:"CHAIR";position:absolute;bottom:0;left:0;font-weight:600;font-size:6em;color:rgba(0,0,0,.1)}.card .imgBox{width:100%;padding-top:20px;z-index:0}.card .contentBox,.card .imgBox{position:relative;display:flex;justify-content:center;align-items:center}.card .contentBox{padding:20px;flex-direction:column;z-index:2}.card .contentBox h3{font-size:18px;color:white;font-weight:500;text-transform:uppercase;letter-spacing:1px}.card .contentBox .price{font-size:24px;color:white;font-weight:700;letter-spacing:1px}.card .contentBox .buy{position:relative;top:100px;opacity:0;padding:10px 30px;margin-top:15px;color:#000000;text-decoration:none;background:#ffce00;border-radius:30px;text-transform:uppercase;letter-spacing:1px;transition:.5s}.card:hover .contentBox .buy{top:0;opacity:1}.mouse{height:300px;width:auto}.trigger-button{padding:10px 20px;background-color:#0070f3;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.trigger-button:hover{background-color:#005bb5}.popup-overlay{background:rgba(0,0,0,.5)}.modal{border-radius:8px;padding:20px;max-width:500px;width:100%;position:relative;box-shadow:0 2px 10px rgba(0,0,0,.1);background-color:var(--background)}.close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer}.price{display:inline;float:right}.header{font-size:18px;margin-bottom:10px;margin-right:25px}.content{margin-top:20px;margin-bottom:20px}.actions .button{padding:10px 20px;background-color:#0070f3;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.actions .button:hover{background-color:#005bb5}