/**
 * Contact map directions overlay.
 *
 * Authored bridge for the compiled contact-map block. The compiled stylesheet
 * sets .contact-map to line-height: 0 for the iframe frame, so this file
 * restores a readable line-height on the button and lifts the directions link
 * to a centred overlay that reads as part of the map instead of a stray block
 * between the contact-info and map sections.
 *
 * The iframe, the embed wrapper, the placeholder and the contact-info markup
 * keep their compiled styling: this file only positions the directions overlay.
 */

.contact-map {
   position: relative;
}

.contact-map__link {
   position: absolute;
   bottom: 1.5rem;
   left: 50%;
   transform: translateX(-50%);
   z-index: 2;
   margin: 0;
   line-height: normal;
}

.contact-map__directions-btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 0.5rem;
   padding: 0.75rem 1.25rem;
   line-height: 1.2;
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
   white-space: nowrap;
   text-decoration: none;
}