.hotspots { position: relative; }
.hotspots img { max-width: 100%; height: auto; }
.hotspots__btn { border: none; width: 32px; height: 32px; background: none; position: absolute; margin: -18px 0 0 -18px; border-radius: 50px; }
.extra { border: 2px solid white; width: 36px; height: 36px; }
.hotspots__help { display: flex; gap: 10px; align-items: center; padding: 10px; opacity: 1; position: absolute; top: -60px; left: 50%; background: #EEE; transform: translateX(-50%); transition: opacity 0.3s linear, top 0.3s linear; min-width: 320px; border-radius: 60px; border: 2px solid #252c60; background: #EBECF1; }
.hotspots__help.hidden { opacity: 0; top: 10px; }