.ehn-addons--acf-url-empty {
display: none !important;
}
.ehn-double-button-wrap {
--ehn-border-radius: 999px;
--ehn-wrapper-margin: 0;
--ehn-wrapper-padding: 0;
--ehn-price-padding: 14px 18px;
--ehn-button-padding: 14px 24px;
--ehn-price-min-width: 110px;
--ehn-border-width: 10px;
--ehn-border-style: solid;
--ehn-border-color: #1f2937;
--ehn-price-border-width: 10px;
--ehn-price-border-style: solid;
--ehn-price-border-color: #1f2937;
--ehn-price-border-radius: 999px 0 0 999px;
--ehn-button-border-width: 10px;
--ehn-button-border-style: solid;
--ehn-button-border-color: #1f2937;
--ehn-button-border-radius: 0 999px 999px 0;
--ehn-price-bg: #f3f4f6;
--ehn-price-color: #111827;
--ehn-price-prefix-color: var(--ehn-price-color);
--ehn-price-suffix-color: var(--ehn-price-color);
--ehn-button-bg: #111827;
--ehn-button-color: #ffffff;
--ehn-hover-button-bg: var(--ehn-button-bg);
--ehn-hover-button-color: var(--ehn-button-color);
--ehn-hover-button-border: var(--ehn-border-color);
--ehn-transition-duration: 0.25s;
display: inline-flex;
max-width: 100%;
margin: var(--ehn-wrapper-margin);
padding: var(--ehn-wrapper-padding);
}
.ehn-double-button-wrap .ehn-double-button {
display: inline-flex;
align-items: stretch;
justify-content: flex-start;
max-width: 100%;
position: relative;
}
.ehn-double-button-wrap.ehn-double-button--desktop-width-full,
.ehn-double-button-wrap.ehn-double-button--mobile-width-full {
align-self: stretch;
}
.ehn-double-button-wrap .ehn-double-button__price,
.ehn-double-button-wrap .ehn-double-button__button {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
line-height: 1.2;
white-space: normal;
text-align: center;
}
.ehn-double-button-wrap .ehn-double-button__price {
min-width: var(--ehn-price-min-width);
padding: var(--ehn-price-padding);
background: var(--ehn-price-bg);
color: var(--ehn-price-color);
flex-shrink: 0;
}
.ehn-double-button-wrap .ehn-double-button__price[data-tooltip] {
cursor: help;
}
.ehn-double-button-wrap .ehn-double-button__price[data-tooltip]::after {
content: attr(data-tooltip);
position: absolute;
left: 50%;
bottom: calc(100% + 10px);
transform: translateX(-50%) translateY(4px);
background: rgba(17, 24, 39, 0.96);
color: #ffffff;
padding: 8px 10px;
border-radius: 8px;
font-size: 12px;
line-height: 1.35;
white-space: normal;
width: max-content;
max-width: min(280px, 85vw);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity var(--ehn-transition-duration) ease, transform var(--ehn-transition-duration) ease, visibility var(--ehn-transition-duration) ease;
z-index: 30;
box-sizing: border-box;
}
.ehn-double-button-wrap .ehn-double-button__price[data-tooltip]::before {
content: "";
position: absolute;
left: 50%;
bottom: calc(100% + 4px);
transform: translateX(-50%) translateY(4px);
border-width: 6px 6px 0 6px;
border-style: solid;
border-color: rgba(17, 24, 39, 0.96) transparent transparent transparent;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity var(--ehn-transition-duration) ease, transform var(--ehn-transition-duration) ease, visibility var(--ehn-transition-duration) ease;
z-index: 29;
}
.ehn-double-button-wrap .ehn-double-button__price[data-tooltip]:hover::after,
.ehn-double-button-wrap .ehn-double-button__price[data-tooltip]:hover::before,
.ehn-double-button-wrap .ehn-double-button__price[data-tooltip]:focus-visible::after,
.ehn-double-button-wrap .ehn-double-button__price[data-tooltip]:focus-visible::before {
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
}
.ehn-double-button-wrap .ehn-double-button__button {
padding: var(--ehn-button-padding);
background: var(--ehn-button-bg);
color: var(--ehn-button-color);
cursor: pointer;
transition:
color var(--ehn-transition-duration) ease,
background-color var(--ehn-transition-duration) ease,
border-color var(--ehn-transition-duration) ease,
transform var(--ehn-transition-duration) ease,
box-shadow var(--ehn-transition-duration) ease,
text-shadow var(--ehn-transition-duration) ease,
opacity var(--ehn-transition-duration) ease;
will-change: transform;
}
.ehn-double-button-wrap .ehn-double-button__button:hover,
.ehn-double-button-wrap .ehn-double-button__button:focus,
.ehn-double-button-wrap .ehn-double-button__button:active {
text-decoration: none;
}
.ehn-double-button-wrap .ehn-double-button__price-inner {
display: inline-flex;
align-items: baseline;
justify-content: center;
gap: 0.35em;
flex-wrap: wrap;
}
.ehn-double-button-wrap .ehn-double-button__label {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0;
}
.ehn-double-button-wrap .ehn-double-button__label--wave {
display: inline-flex;
flex-wrap: nowrap;
}
.ehn-double-button-wrap .ehn-double-button__char {
display: inline-block;
transition: transform var(--ehn-transition-duration) ease, opacity var(--ehn-transition-duration) ease;
will-change: transform;
}
.ehn-double-button-wrap .ehn-double-button__price {
font-size: var(--ehn-price-font-size, inherit);
font-family: var(--ehn-price-font-family, inherit);
font-weight: var(--ehn-price-font-weight, inherit);
}
.ehn-double-button-wrap .ehn-double-button__price-prefix {
color: var(--ehn-price-prefix-color);
font-size: var(--ehn-price-prefix-font-size, inherit);
font-weight: var(--ehn-price-prefix-font-weight, inherit);
}
.ehn-double-button-wrap .ehn-double-button__price-suffix {
color: var(--ehn-price-suffix-color);
font-size: var(--ehn-price-suffix-font-size, inherit);
font-weight: var(--ehn-price-suffix-font-weight, inherit);
}
.ehn-double-button-wrap .ehn-double-button__button {
font-size: var(--ehn-button-font-size, inherit);
font-family: var(--ehn-button-font-family, inherit);
font-weight: var(--ehn-button-font-weight, inherit);
}
.ehn-double-button--shared .ehn-double-button {
border: var(--ehn-border-width) var(--ehn-border-style) var(--ehn-border-color);
border-radius: var(--ehn-border-radius);
overflow: hidden;
}
.ehn-double-button--shared .ehn-double-button__price {
border-right: var(--ehn-border-width) var(--ehn-border-style) var(--ehn-border-color);
}
.ehn-double-button--shared .ehn-double-button__button {
box-shadow: inset 0 0 0 0 var(--ehn-hover-button-border);
}
.ehn-double-button--separate .ehn-double-button__price {
border: var(--ehn-price-border-width) var(--ehn-price-border-style) var(--ehn-price-border-color);
border-radius: var(--ehn-price-border-radius);
}
.ehn-double-button--separate .ehn-double-button__button {
border: var(--ehn-button-border-width) var(--ehn-button-border-style) var(--ehn-button-border-color);
border-radius: var(--ehn-button-border-radius);
}
@media (hover: hover) {
.ehn-double-button--hover-lift .ehn-double-button__button:hover,
.ehn-double-button--hover-lift .ehn-double-button__button:focus-visible,
.ehn-double-button--hover-lift-textwave .ehn-double-button__button:hover,
.ehn-double-button--hover-lift-textwave .ehn-double-button__button:focus-visible {
transform: translateY(-2px);
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
z-index: 2;
}
.ehn-double-button--hover-scale .ehn-double-button__button:hover,
.ehn-double-button--hover-scale .ehn-double-button__button:focus-visible {
transform: scale(1.02);
z-index: 2;
}
.ehn-double-button--hover-sweep .ehn-double-button__button::after {
content: "";
position: absolute;
inset: 0;
background: rgba(255, 255, 255, 0.14);
transform: translateX(-110%);
transition: transform var(--ehn-transition-duration) ease;
pointer-events: none;
}
.ehn-double-button--hover-sweep .ehn-double-button__button:hover::after,
.ehn-double-button--hover-sweep .ehn-double-button__button:focus-visible::after {
transform: translateX(0);
}
.ehn-double-button--hover-textglow .ehn-double-button__button:hover,
.ehn-double-button--hover-textglow .ehn-double-button__button:focus-visible {
text-shadow: 0 0 12px rgba(255, 255, 255, 0.45);
}
.ehn-double-button--hover-textwave .ehn-double-button__button:hover .ehn-double-button__char,
.ehn-double-button--hover-textwave .ehn-double-button__button:focus-visible .ehn-double-button__char,
.ehn-double-button--hover-lift-textwave .ehn-double-button__button:hover .ehn-double-button__char,
.ehn-double-button--hover-lift-textwave .ehn-double-button__button:focus-visible .ehn-double-button__char {
transform: translateY(-3px);
}
}
.ehn-double-button-wrap .ehn-double-button__button:hover,
.ehn-double-button-wrap .ehn-double-button__button:focus-visible,
.ehn-double-button-wrap .ehn-double-button__button:active {
background: var(--ehn-hover-button-bg);
color: var(--ehn-hover-button-color);
}
.ehn-double-button--shared .ehn-double-button__button:hover,
.ehn-double-button--shared .ehn-double-button__button:focus-visible,
.ehn-double-button--shared .ehn-double-button__button:active {
box-shadow: inset 0 0 0 var(--ehn-border-width) var(--ehn-hover-button-border);
}
.ehn-double-button--separate .ehn-double-button__button:hover,
.ehn-double-button--separate .ehn-double-button__button:focus-visible,
.ehn-double-button--separate .ehn-double-button__button:active {
border-color: var(--ehn-hover-button-border);
}
.ehn-double-button-wrap a:focus-visible {
outline: 2px solid currentColor;
outline-offset: 3px;
}
@media (max-width: 767px) {
.ehn-double-button--mobile-row .ehn-double-button {
flex-direction: row;
}
}
.ehn-row-scheduled-hidden {
display: none !important;
}