.hover-image-frame{position:relative;display:inline-block;width:100%;max-width:400px;border-radius:20px;overflow:hidden}.hover-image-frame img{width:100%;height:auto;display:block;border-radius:20px;transition:transform .3s ease-in-out}.hover-image-frame:hover img{transform:scale(1.05)}.hover-image-frame::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:30%;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);opacity:1;border-radius:20px}.hover-title{position:absolute;bottom:15px;left:15px;color:white;font-size:16px;font-weight:700;z-index:2}.hover-title::after{content:"★★★★★";display:block;font-size:14px;color:#ffd700;margin-top:10px}.hover-image-frame::after{content:"➝";position:absolute;bottom:15px;right:15px;width:40px;height:40px;background-color:#c9a786;color:white;font-size:20px;font-weight:700;display:flex;justify-content:center;align-items:center;border-radius:50%;box-shadow:0 3px 8px rgba(0,0,0,.2);transition:background .3s ease-in-out}.hover-image-frame:hover::after{background-color:#b29273}