.hotpsot-card--image{aspect-ratio:1;overflow:hidden;position:relative}.hotspot{align-items:center;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:12px;justify-content:center;position:absolute;-webkit-text-decoration:none;text-decoration:none;transform:translate(-50%,-50%);width:12px}.hotspot:before{animation:pulse 2s infinite;background-color:var(--c-black);border-radius:50%;box-shadow:0 0 6px 2px var(--c-shadow)}.hotspot:after,.hotspot:before{content:"";display:block;height:12px;position:absolute;scale:1;width:12px}.hotspot:after{animation:pulse-fade 2s infinite;border:2px solid var(--c-black);border-radius:50%}.hotspot .hover-active.hotspot--link{opacity:1;pointer-events:all}@keyframes pulse{0%,to{scale:1}30%{scale:1.25}}@keyframes pulse-fade{0%{opacity:1;scale:1}to{opacity:0;scale:2.5}}.hotspot--link{background-color:hsla(0,0%,8%,.8);opacity:0;padding:.5rem;pointer-events:none;position:absolute;top:50%;top:calc(50% + 5px);transition:opacity .1s ease;width:10rem;z-index:1}.hotspot--link .title{color:#fff}.hotspot--link .Price--saving,.hotspot--link .colour{display:none}.hotspot--link a:hover{color:var(--c-off-white)}.link-below{top:100%;top:calc(100% + 5px)}.link-above{bottom:100%;bottom:calc(100% + 5px);top:auto}.link-right{left:100%;left:calc(100% + 5px)}.link-left{left:auto;right:100%;right:calc(100% + 5px)}.hotspot-card{background-color:var(--c-off-white)}.hotspot-card--content{padding:max(5vw,5ch)}.hotspot-card--content h3{margin:0}.hotspot-card--content p{margin-left:0}@media screen and (min-width:768.02px){.hotspot-card{display:grid;grid-template-columns:1fr 1fr}.hotspot-card--content{display:flex;flex-direction:column;justify-content:center}}