.sph-img-wrap{position:relative;display:inline-block;max-width:100%;line-height:0}.sph-img-wrap img{display:block;max-width:100%;height:auto}.sph-img-wrap::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .15);opacity:0;transition:opacity 0.2s ease;pointer-events:none;border-radius:inherit}.sph-img-wrap:hover::after{opacity:1}@media (hover:hover) and (pointer:fine){.sph-img-wrap img{transition:filter 0.2s ease}.sph-img-wrap:hover img{filter:grayscale(100%)}}.sph-pin-btn{position:absolute;top:12px;left:12px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;color:#000000!important;border-radius:50%;text-decoration:none!important;opacity:0;transform:translateY(4px);transition:opacity 0.2s ease,transform 0.2s ease,background 0.2s ease;box-shadow:0 2px 8px rgb(0 0 0 / .25);z-index:5}.sph-img-wrap:hover .sph-pin-btn{opacity:1;transform:translateY(0)}.sph-pin-btn:hover{background:#f0f0f0}.sph-pin-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:#000}.sph-pin-icon svg{width:100%;height:100%}@media (hover:none),(max-width:782px){.sph-pin-btn{opacity:1!important;transform:none!important}.sph-img-wrap::after{display:none}}