.bh-floating-cta-wrapper {
position: fixed !important;
bottom: 30px !important;
left: auto !important;
right: auto !important;
z-index: 999998 !important;
display: flex !important;
align-items: flex-start !important;
gap: 8px !important;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
transition: transform 0.3s ease, opacity 0.4s ease, visibility 0.4s ease;
box-sizing: border-box;
}
.bh-floating-cta-wrapper.is-visible {
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0);
}
.bh-floating-cta-wrapper.is-hidden {
opacity: 0 !important;
visibility: hidden !important;
transform: translateY(20px);
pointer-events: none !important;
} .bh-floating-cta-wrapper.bh-floating-cta--bottom-right {
right: 30px !important;
left: auto !important;
flex-direction: row;
}
.bh-floating-cta-wrapper.bh-floating-cta--bottom-left {
left: 30px !important;
right: auto !important;
flex-direction: row-reverse;
}
.bh-floating-cta-wrapper.bh-floating-cta--bottom-center {
left: 50% !important;
right: auto !important;
transform: translateX(-50%) translateY(20px);
flex-direction: row;
}
.bh-floating-cta-wrapper.bh-floating-cta--bottom-center.is-visible {
transform: translateX(-50%) translateY(0);
} .bh-floating-cta-hide {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
padding: 0;
background-color: rgba(0, 0, 0, 0.5);
color: #ffffff;
border: none;
border-radius: 50%;
cursor: pointer;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
flex-shrink: 0;
margin-top: 4px;
}
.bh-floating-cta-wrapper:hover .bh-floating-cta-hide,
.bh-floating-cta-wrapper:focus-within .bh-floating-cta-hide {
opacity: 1;
visibility: visible;
}
.bh-floating-cta-hide:hover {
background-color: rgba(0, 0, 0, 0.7);
transform: scale(1.1);
}
.bh-floating-cta-hide:focus {
outline: 2px solid rgba(255, 255, 255, 0.8);
outline-offset: 2px;
opacity: 1;
visibility: visible;
}
.bh-floating-cta-hide svg {
width: 12px;
height: 12px;
} .bh-floating-cta {
display: flex;
align-items: center;
justify-content: center;
padding: var(--bh-button-padding, 15px) calc(var(--bh-button-padding, 15px) * 1.5);
background-color: var(--bh-button-bg-color, #e91e63);
color: var(--bh-button-text-color, #ffffff);
border: none;
border-radius: var(--bh-button-border-radius, 30px);
cursor: pointer;
font-family: inherit;
font-size: 16px;
font-weight: 600;
text-decoration: none;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.bh-floating-cta:hover {
transform: translateY(-3px);
box-shadow: 0 6px 25px rgba(0, 0, 0, 0.3);
}
.bh-floating-cta:focus {
outline: 3px solid rgba(255, 255, 255, 0.5);
outline-offset: 2px;
}
.bh-floating-cta:active {
transform: translateY(-1px);
} .bh-floating-cta__text {
white-space: nowrap;
} .bh-floating-cta-overlay {
position: fixed;
inset: 0;
z-index: 9999999;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.bh-floating-cta-overlay[hidden] {
display: none;
}
.bh-floating-cta-overlay.is-open {
opacity: 1;
visibility: visible;
} .bh-floating-cta-overlay__backdrop {
position: absolute;
inset: 0;
background-color: var(--bh-overlay-bg-color, rgba(0, 0, 0, 0.8));
backdrop-filter: blur(var(--bh-overlay-blur, 5px));
-webkit-backdrop-filter: blur(var(--bh-overlay-blur, 5px));
} .bh-floating-cta-overlay__content {
position: relative;
width: 100%;
max-width: var(--bh-overlay-max-width, 600px);
max-height: 85vh;
background: #ffffff;
border-radius: 12px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
overflow: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
opacity: 0;
transition: opacity 0.3s ease;
}
.bh-floating-cta-overlay.is-open .bh-floating-cta-overlay__content {
opacity: 1;
} .bh-floating-cta-overlay__close {
position: absolute;
top: 15px;
right: 15px;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.1);
border: none;
border-radius: 50%;
cursor: pointer;
color: #333;
transition: background 0.2s ease, transform 0.2s ease;
z-index: 1;
}
.bh-floating-cta-overlay__close:hover {
background: rgba(0, 0, 0, 0.15);
transform: rotate(90deg);
}
.bh-floating-cta-overlay__close:focus {
outline: 2px solid #2271b1;
outline-offset: 2px;
}
.bh-floating-cta-overlay__close svg {
width: 20px;
height: 20px;
} .bh-floating-cta-overlay__inner {
padding: 40px;
padding-top: 60px; position: relative;
} .bh-floating-cta-overlay__inner iframe {
display: block !important;
width: 100% !important;
max-width: 100% !important;
border: none !important;
-webkit-transform: translateZ(0);
transform: translateZ(0);
} @supports (-webkit-touch-callout: none) {
.bh-floating-cta-overlay__inner iframe {
min-height: 600px;
}
} .bh-floating-cta-overlay__inner h1,
.bh-floating-cta-overlay__inner h2,
.bh-floating-cta-overlay__inner h3,
.bh-floating-cta-overlay__inner h4 {
margin-top: 0;
margin-bottom: 15px;
color: #1d2327;
}
.bh-floating-cta-overlay__inner p {
margin-bottom: 15px;
line-height: 1.6;
color: #50575e;
}
.bh-floating-cta-overlay__inner p:last-child {
margin-bottom: 0;
} .bh-floating-cta-overlay__inner form {
margin-top: 20px;
}
.bh-floating-cta-overlay__inner input[type="text"],
.bh-floating-cta-overlay__inner input[type="email"],
.bh-floating-cta-overlay__inner input[type="tel"],
.bh-floating-cta-overlay__inner textarea {
width: 100%;
padding: 12px 15px;
border: 1px solid #ddd;
border-radius: 6px;
font-size: 16px;
transition: border-color 0.2s ease;
}
.bh-floating-cta-overlay__inner input:focus,
.bh-floating-cta-overlay__inner textarea:focus {
border-color: #2271b1;
outline: none;
} body.bh-overlay-open {
overflow: hidden;
position: fixed;
width: 100%;
height: 100%;
} @media screen and (max-width: 600px) {
.bh-floating-cta-wrapper {
bottom: 20px !important;
}
.bh-floating-cta-wrapper.bh-floating-cta--bottom-right {
right: 20px !important;
left: auto !important;
}
.bh-floating-cta-wrapper.bh-floating-cta--bottom-left {
left: 20px !important;
right: auto !important;
}
.bh-floating-cta-wrapper.bh-floating-cta--bottom-center {
left: 50% !important;
right: auto !important;
}
.bh-floating-cta {
font-size: 14px;
} .bh-floating-cta-hide {
opacity: 1 !important;
visibility: visible !important;
}
.bh-floating-cta-overlay {
padding: 15px;
}
.bh-floating-cta-overlay__inner {
padding: 30px 15px;
padding-top: 50px;
}
.bh-floating-cta-overlay__close {
top: 10px;
right: 10px;
width: 36px;
height: 36px;
} .bh-floating-cta-overlay__inner iframe {
width: 100% !important;
min-height: 500px;
}
.bh-floating-cta-overlay__content {
max-height: 90vh;
margin: 10px;
}
} @media (prefers-reduced-motion: reduce) {
.bh-floating-cta-wrapper,
.bh-floating-cta,
.bh-floating-cta-hide,
.bh-floating-cta-overlay,
.bh-floating-cta-overlay__content,
.bh-floating-cta-overlay__close {
transition: none;
}
}