.box{border-radius:4px;position:relative;overflow:hidden;background-color:#fff;box-sizing:border-box;transition:.5s}.box .new{position:absolute;top:5px;left:0;width:50px;background:#000;color:#fff}.new{padding:5px;text-transform:uppercase;box-sizing:border-box;border-radius:0 15px 15px 0}.new,.overlay{font-size:12px}.overlay{height:0;width:100%;position:absolute;left:0;bottom:0;background-color:#e3e9f7;overflow:hidden;display:flex;justify-content:space-between;flex-direction:column;text-align:center;gap:5px;font-weight:600;transition:height .5s}.box:hover{box-shadow:0 0 15px 5px #395aef62}.box:hover .overlay{height:50%}.btn{width:100%;padding:12px 0;font-size:16px;font-weight:700;background-color:#395bef;color:#fff;display:flex;align-items:center;justify-content:center;gap:15px}.overlay_featured{height:100%;width:0;position:absolute;right:0;bottom:0;background-color:#e3e9f7;overflow:hidden;display:flex;justify-content:space-between;flex-direction:column;text-align:center;gap:5px;font-size:12px;font-weight:600;transition:width .5s ease-in-out,opacity .5s ease-in-out;opacity:0}.box:hover .overlay_featured{width:50%;opacity:1}.box{transition:box-shadow .5s ease-in-out}.offer_box{position:absolute;top:3px;padding:5px;right:3px;background:orange;color:#000;border-radius:148px 153px 153px 0;-webkit-border-radius:148px 153px 153px 0;-moz-border-radius:148px 153px 153px 0}.offer_box h2{font-size:16px;font-weight:700}