.wp-block-map {
  width: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}

main > .wp-block-map {
  width: 100%;
  margin-bottom: 3.4285714286vw;
}

.wp-block-map div[id^=map] {
  width: 100%;
  min-height: 328px;
  height: 21vw;
}

.wp-block-map.delivery-area div[id^=map] {
  width: 100%;
  min-height: 428px;
  height: 72vh;
}

.wp-block-map div[id^=map] .mapboxgl-ctrl-bottom-left,
.wp-block-map div[id^=map] .mapboxgl-ctrl-bottom-right {
  display: none;
}

.wp-block-map .location {
  position: absolute;
  left: 2vw;
  top: 2vw;
  background: #ffffff;
  z-index: 2;
  min-width: 30%;
  min-height: 10vw;
  padding: 1vw;
}

.wp-block-map .location .heading {
  font-size: 1.125em;
}

.wp-block-map .location .address p,
.wp-block-map .location .phone {
  margin: 0.75em 0;
}

.wp-block-map .directions button {
  margin: 0;
  margin-top: 0.5em;
}