.bhg-image-map {
    margin: 0 0 2rem;
    position: relative;
}

.bhg-image-map__image {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
}

.bhg-image-map__hotspot-overlay {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

.bhg-image-map__hotspot-shape {
    fill: rgba(255, 221, 21, 0.34);
    opacity: 0;
    stroke: #235e2f;
    stroke-linejoin: round;
    stroke-width: 4;
    transition: opacity 160ms ease;
    vector-effect: non-scaling-stroke;
}

.bhg-image-map__hotspot-shape.is-active {
    opacity: 1;
}

.bhg-image-map__image[usemap] {
    cursor: pointer;
}