/* Click-to-load Google Map */
.map-consent{
  border-radius: 18px;
  overflow: hidden;      /* IMPORTANT */
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  padding: 0;            /* remove any padding */
}
html[data-theme="light"] .map-consent{
  border-color: rgba(0,0,0,.10);
  background: rgba(0,0,0,.03);
}
.map-consent__placeholder{
  height: 300px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding: 22px;
}
.map-consent__inner{
  max-width: 62ch;
  display:flex;
  flex-direction:column;
  gap: 10px;
  align-items:center;
}
.map-consent__title{ margin: 0; }
.map-consent__text{ margin: 0; opacity: .92; }
.map-consent__actions{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  justify-content:center;
  margin-top: 6px;
}
.map-consent__fineprint{
  font-size: .92rem;
  opacity:.86;
  margin: 0;
}
.map-consent iframe{
  display:block;
  width:100%;
  height: 280px;
  border:0;
}

@media (max-width: 720px){
  .map-consent__placeholder{
    min-height: 260px;
    height: auto;
    padding: 16px;
  }

  .map-consent__inner{
    max-width: 100%;
    gap: 8px;
  }

  .map-consent__title{
    font-size: 1rem;
    line-height: 1.25;
  }

  .map-consent__text,
  .map-consent__fineprint{
    font-size: .9rem;
    line-height: 1.45;
  }

  .map-consent__actions{
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }

  .map-consent__actions .btn{
    width: 100%;
  }
}