.item{height:400px;overflow:hidden}.mask{opacity:0;background:0 0;border-top:100px solid transparent;border-bottom:400px solid transparent;border-left:500px solid #000;border-right:1px solid transparent;transition:all 1s;transform:rotate(0)}.title1{text-align:center;color:#2d8b0e;opacity:1;background-color:#f7f8f8;padding:15px;font-size:20px;font-weight:600;transition:all .5s;position:absolute;bottom:10px;left:10px;right:10px}.container-product-img{background:var(--gradient);color:#fff;opacity:0;padding:100px 30px;transition:all .5s;position:absolute;top:176px;bottom:0;left:0;right:0}.title2{font-size:20px;font-weight:600}.desc{padding-top:10px;padding-left:0;font-size:16px;font-weight:400}a.button{border:2px solid #fff;border-radius:20px;margin-top:40px;padding:10px 30px;font-size:14px;font-weight:600;line-height:14px;display:inline-block}a.button:hover{color:#2d8b0e;background-color:#fff}.item:hover{background-color:#fff}.item:hover .img{width:115%;max-width:115%;left:-7.5%}.item:hover .mask{opacity:.13;transform:rotate(20deg)}.item:hover .title1{opacity:0;bottom:186px}.item:hover .container-product-img{opacity:1;display:block;top:0}