#location-filter-map .map {
  width: 100%;
  aspect-ratio: 16/9;
}

.gm-style .location-filter-info-window {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.location-filter-info-window .gm-style-iw-ch a {
  font-size: 1.5rem;
  font-weight: bold;
}

.location-filter-info-window .gm-style-iw-d {
  padding-top: 1rem;
  padding-bottom: 2rem;
  overflow: auto !important;
  max-height: 200px !important;
}

.location-filter-info-window .gm-ui-hover-effect span {
  font-size: 0.75rem;
}

.gm-style .location-filter-info-window.with-background {
  background-color: #ccc;
  color: #fff;
}

.location-filter-info-window.with-background a {
  color: #fff;
}

.location-filter-info-window.with-background::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: -1;
}

.location-filter-info-window.with-background .gm-ui-hover-effect span {
  background-color: #ccc;
}

.location-filter-info-window.with-background .gm-ui-hover-effect:hover span {
  background-color: #fff;
}