gt-block-locations-map {
  container-type: inline-size;
  display: block;
  position: relative
}
gt-block-locations-map > img {
  width: 100%;
  height: auto;
  display: block
}
gt-block-locations-map .location-dots a.location-dot {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: var(--color__primary);
  border: 3px solid #fff;
  border-radius: 50%;
  position: absolute;
  transform: translate(-50%,-50%);
  cursor: pointer;
  transition: background-color .2s,transform .2s
}
gt-block-locations-map .location-dots a.location-dot:is(:hover,:focus) {
  background-color: var(--color__secondary);
  transform: translate(-50%,-50%) scale(1.2);
  outline: 0
}