.ql-boutique-contact {
  display: flex;
  flex-direction: column-reverse;
}

.ql-boutique-contact .column {
  position: relative;
  overflow: hidden;
}

.ql-boutique-contact .column-content {
  padding: 80px 0 60px;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
  background: #f8f8f8;
}

.ql-boutique-contact .column-content-inner {
  margin-left: 40px;
  margin-right: 40px;
}

.ql-boutique-contact .column-map {
  aspect-ratio: 1.5/1;
  position: relative;
}

.ql-boutique-contact .column-map img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.ql-boutique-contact
  .column-content
  .ql-button.button-display-inline:not(:first-of-type) {
  margin-left: 8px;
}

/* Editor */
.acf-block-preview .ql-boutique-contact .column-map::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 10;
  background-image: url("../../../assets/block-previews/editor-preview-map.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@media only screen and (min-width: 960px) {
  .ql-boutique-contact {
    flex-direction: initial;
  }

  .ql-boutique-contact .column-content {
    padding: 80px 0;
    flex-basis: 50%;
    z-index: 1;
    margin-top: 0;
  }
  .ql-boutique-contact .column-map {
    flex-basis: 50%;
    z-index: 1;
    aspect-ratio: 1.2/1;
    margin-left: 0;
    margin-right: 0;
  }

  .ql-boutique-contact .column-content-inner {
    margin-left: 80px;
    margin-right: 80px;
  }
}

@media only screen and (max-width: 480px) {
  .ql-boutique-contact .column-content {
    padding: 40px 0;
  }

  .ql-boutique-contact .column-content-inner {
    margin-left: 20px;
    margin-right: 20px;
  }

  .ql-boutique-contact
    .column-content
    .ql-button.button-display-inline:not(:first-of-type) {
    margin-left: 0;
  }
}