.redeem-point{position:relative;overflow:hidden;width:100%;max-width:456px;height:auto;border-radius:10px;margin:15px auto;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.redeem-point:hover{transform:translateY(-5px);box-shadow:0 8px 25px #076df233}.redeem-point .image{position:relative;overflow:hidden;width:100%;height:124px;border-radius:10px 20px 0 0}.redeem-point .image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .5s ease}.redeem-point:hover .image img{transform:scale(1.1);filter:brightness(.8)}.redeem-point .overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#076df2b3;opacity:0;transition:opacity .5s ease}.redeem-point:hover .overlay{opacity:1}.redeem-point .name{color:var(--color-white);font-size:20px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.redeem-point .points{position:absolute;top:15px;right:15px;background:var(--color-main);color:var(--color-white);padding:5px 15px;border-radius:15px;font-weight:700;z-index:2}.redeem-point .stock{color:#28a745;font-size:14px;margin-bottom:15px}@media (max-width: 576px){.redeem-point{max-width:100%}.redeem-point .image{height:auto}}