.image-container{height:fit-content;position:relative;width:fit-content}.image-hotspot{animation:scaleUp .5s forwards;background:#fff;border:1px solid var(--blue-200);border-radius:var(--radius-lg);box-shadow:0 0 10px 0 rgba(58,116,186,.28);display:flex;gap:var(--spacing-3x);max-width:300px;padding-block:var(--spacing-4x);padding-inline:var(--spacing-4x) var(--spacing-12x);position:absolute;transform:scale(0) translate(-50%,-50%);transition:var(--transition);width:max-content;@media (max-width:640px){display:none}&:hover{border-color:var(--blue-base);box-shadow:0 0 10px 0 rgba(58,116,186,.28);.image-hotspot__arrow-icon svg{opacity:1;transform:translateX(0)}}}.image-hotspot__icon{height:32px;width:32px}.image-hotspot__text{font-size:14px;line-height:1.2}.image-hotspot__arrow-icon{inset:50% 16px auto auto;position:absolute;transform:translateY(-50%);& svg{height:10px;opacity:0;transform:translateX(-4px);transition:var(--transition);width:14px}}@keyframes scaleUp{to{transform:scale(1) translate(-50%,-50%)}}