.zoomable-wrap{position:relative;border-radius:.5rem;overflow:hidden}.zoomable{cursor:zoom-in}.zoomable-wrap:after{content:"";position:absolute;inset:0;background:#0000001a url("data:image/svg+xml;utf8,  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>  <g fill='none' stroke='%23ffffff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'>  <circle cx='11' cy='11' r='7'/>  <line x1='21' y1='21' x2='16.65' y2='16.65'/>  <line x1='11' y1='8' x2='11' y2='14'/>  <line x1='8' y1='11' x2='14' y2='11'/>  </g></svg>") center/80px no-repeat;opacity:0;transition:opacity .2s ease;pointer-events:none;border-radius:inherit}.zoomable-wrap:hover:after{opacity:1}