Editing: helloplus-cta.css
.ehp-cta{--cta-elements-spacing:40px;--cta-buttons-space-between:16px;--cta-content-alignment:center;--cta-buttons-vertical-position:start;--cta-content-position-vertical:start;--cta-heading-color:#28292b;--cta-description-color:#28292b;--cta-button-primary-icon-spacing:10px;--cta-button-primary-text-color:#fff;--cta-button-primary-text-color-hover:#7a7a7a;--cta-button-primary-border-width:0;--cta-button-primary-border-color:transparent;--cta-button-primary-border-radius-block-end:8px;--cta-button-primary-border-radius-block-start:8px;--cta-button-primary-border-radius-inline-end:8px;--cta-button-primary-border-radius-inline-start:8px;--cta-button-secondary-icon-spacing:10px;--cta-button-secondary-text-color:#54595f;--cta-button-secondary-text-color-hover:#54595f;--cta-button-secondary-border-width:2px;--cta-button-secondary-border-color:#54595f;--cta-box-border-color:#54595f;--cta-box-border-width:1px;--cta-text-container-flex-grow-default:0;--cta-text-container-flex-grow-end:1;--cta-text-container-flex-grow:var(--cta-text-container-flex-grow-default);display:flex;height:100%;justify-content:center;min-height:var(--cta-box-height);min-height:var(--ehp-box-height);overflow:hidden;padding-block-end:var(--cta-box-padding-block-end);padding-block-start:var(--cta-box-padding-block-start);padding-inline-end:var(--cta-box-padding-inline-end);padding-inline-start:var(--cta-box-padding-inline-start);position:relative}.ehp-cta.is-full-height-mobile{--ehp-box-height:auto;--ehp-box-full-height:100vh}@supports(height:100dvh){.ehp-cta.is-full-height-mobile{--ehp-box-full-height:100dvh}}@media(max-width:767px){.ehp-cta.is-full-height-mobile{--ehp-box-height:var(--ehp-box-full-height,100vh);align-items:center;justify-content:center}}.ehp-cta.is-full-height-mobile_extra{--ehp-box-height:auto;--ehp-box-full-height:100vh}@supports(height:100dvh){.ehp-cta.is-full-height-mobile_extra{--ehp-box-full-height:100dvh}}@media(min-width:-1)and (max-width:-1){.ehp-cta.is-full-height-mobile_extra{--ehp-box-height:var(--ehp-box-full-height,100vh);align-items:center;justify-content:center}}.ehp-cta.is-full-height-tablet{--ehp-box-height:auto;--ehp-box-full-height:100vh}@supports(height:100dvh){.ehp-cta.is-full-height-tablet{--ehp-box-full-height:100dvh}}@media(min-width:768px)and (max-width:1024px){.ehp-cta.is-full-height-tablet{--ehp-box-height:var(--ehp-box-full-height,100vh);align-items:center;justify-content:center}}.ehp-cta.is-full-height-tablet_extra{--ehp-box-height:auto;--ehp-box-full-height:100vh}@supports(height:100dvh){.ehp-cta.is-full-height-tablet_extra{--ehp-box-full-height:100dvh}}@media(min-width:-1)and (max-width:-1){.ehp-cta.is-full-height-tablet_extra{--ehp-box-height:var(--ehp-box-full-height,100vh);align-items:center;justify-content:center}}.ehp-cta.is-full-height-laptop{--ehp-box-height:auto;--ehp-box-full-height:100vh}@supports(height:100dvh){.ehp-cta.is-full-height-laptop{--ehp-box-full-height:100dvh}}@media(min-width:-1)and (max-width:-1){.ehp-cta.is-full-height-laptop{--ehp-box-height:var(--ehp-box-full-height,100vh);align-items:center;justify-content:center}}.ehp-cta.is-full-height-desktop{--ehp-box-height:auto;--ehp-box-full-height:100vh}@supports(height:100dvh){.ehp-cta.is-full-height-desktop{--ehp-box-full-height:100dvh}}@media(min-width:1025px){.ehp-cta.is-full-height-desktop{--ehp-box-height:var(--ehp-box-full-height,100vh);align-items:center;justify-content:center}}.ehp-cta.is-full-height-desktop.is-full-height-widescreen{--ehp-box-height:auto;--ehp-box-full-height:100vh}@supports(height:100dvh){.ehp-cta.is-full-height-desktop.is-full-height-widescreen{--ehp-box-full-height:100dvh}}@media(min-width:1025px)and (max-width:99999px){.ehp-cta.is-full-height-desktop.is-full-height-widescreen{--ehp-box-height:var(--ehp-box-full-height,100vh);align-items:center;justify-content:center}}.ehp-cta.is-full-height-widescreen{--ehp-box-height:auto;--ehp-box-full-height:100vh}@supports(height:100dvh){.ehp-cta.is-full-height-widescreen{--ehp-box-full-height:100dvh}}@media(min-width:-1){.ehp-cta.is-full-height-widescreen{--ehp-box-height:var(--ehp-box-full-height,100vh);align-items:center;justify-content:center}}.ehp-cta.has-border{border-color:var(--cta-box-border-color);border-style:solid;border-width:var(--cta-box-border-width)}.ehp-cta.has-image-stretch{--cta-image-width:100%;--cta-image-height:100%;padding:0}.ehp-cta.has-image-stretch.has-preset-showcase .ehp-cta__elements-container{gap:0}.ehp-cta.has-image-stretch.has-preset-showcase .ehp-cta__text-container{padding-block-end:var(--cta-box-padding-block-end);padding-block-start:var(--cta-box-padding-block-start);padding-inline-end:var(--cta-box-padding-inline-end);padding-inline-start:var(--cta-box-padding-inline-start)}.ehp-cta.has-image-stretch.has-preset-storytelling .ehp-cta__elements-container{padding-block-end:var(--cta-box-padding-block-end)}.ehp-cta.has-image-stretch.has-preset-storytelling .ehp-cta__ctas-container,.ehp-cta.has-image-stretch.has-preset-storytelling .ehp-cta__text-container{padding-inline-end:var(--cta-box-padding-inline-end);padding-inline-start:var(--cta-box-padding-inline-start)}.ehp-cta.has-preset-focus{--cta-content-alignment:start}.ehp-cta.has-preset-focus .ehp-cta__elements-container{display:flex;flex-direction:column}@media screen and (min-width:1025px){.ehp-cta.has-preset-focus .ehp-cta__elements-container{flex-direction:row;justify-content:space-between}.ehp-cta.has-preset-focus .ehp-cta__text-container{width:66.66%}.ehp-cta.has-preset-focus .ehp-cta__buttons-wrapper{justify-content:flex-end}}.ehp-cta.has-preset-storytelling,.ehp-cta.has-preset-streamline{--cta-content-alignment:center}.ehp-cta.has-preset-storytelling .ehp-cta__elements-container,.ehp-cta.has-preset-streamline .ehp-cta__elements-container{display:flex;flex-direction:column}@media screen and (max-width:767px){.ehp-cta.has-preset-focus .ehp-cta__buttons-wrapper,.ehp-cta.has-preset-showcase .ehp-cta__buttons-wrapper{flex-direction:column}}.ehp-cta.has-preset-showcase{--cta-content-alignment:start}.ehp-cta.has-preset-showcase .ehp-cta__elements-container{display:grid}@media screen and (min-width:1025px){.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-column-structure-50-50{grid-template-columns:1fr 1fr}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-column-structure-33-66{grid-template-columns:1fr 2fr}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-column-structure-33-66.is-reverse{grid-template-columns:2fr 1fr}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-column-structure-25-75{grid-template-columns:1fr 3fr}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-column-structure-25-75.is-reverse{grid-template-columns:3fr 1fr}}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-start .ehp-cta__image-container{order:1}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-end .ehp-cta__image-container,.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-start .ehp-cta__text-container{order:2}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-end .ehp-cta__text-container{order:1}@media screen and (max-width:1024px){.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-md-start .ehp-cta__image-container{order:1}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-md-end .ehp-cta__image-container,.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-md-start .ehp-cta__text-container{order:2}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-md-end .ehp-cta__text-container{order:1}}@media screen and (max-width:767px){.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-sm-start .ehp-cta__image-container{order:1}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-sm-end .ehp-cta__image-container,.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-sm-start .ehp-cta__text-container{order:2}.ehp-cta.has-preset-showcase .ehp-cta__elements-container.has-image-position-sm-end .ehp-cta__text-container{order:1}}@media screen and (min-width:1025px){.ehp-cta.has-preset-showcase .ehp-cta__image-container,.ehp-cta.has-preset-showcase .ehp-cta__text-container{display:flex;flex-direction:column;justify-content:var(--cta-content-position-vertical)}}.ehp-cta.has-preset-storytelling .ehp-cta__elements-container{max-width:unset}.ehp-cta.has-preset-storytelling .ehp-cta__ctas-container,.ehp-cta.has-preset-storytelling .ehp-cta__text-container{margin:0 auto;max-width:var(--cta-content-width)}.ehp-cta a.ehp-button,.ehp-cta a.ehp-button:not([href]):not([tabindex]){--ehp-button-primary-icon-spacing:var(--cta-button-primary-icon-spacing);--ehp-button-primary-text-color:var(--cta-button-primary-text-color);--ehp-button-primary-text-color-hover:var(--cta-button-primary-text-color-hover);--ehp-button-primary-border-width:var(--cta-button-primary-border-width);--ehp-button-primary-border-color:var(--cta-button-primary-border-color);--ehp-button-primary-padding-block-end:var(--cta-button-primary-padding-block-end);--ehp-button-primary-padding-block-start:var(--cta-button-primary-padding-block-start);--ehp-button-primary-padding-inline-end:var(--cta-button-primary-padding-inline-end);--ehp-button-primary-padding-inline-start:var(--cta-button-primary-padding-inline-start);--ehp-button-primary-border-radius-block-end:var(--cta-button-primary-border-radius-block-end);--ehp-button-primary-border-radius-block-start:var(--cta-button-primary-border-radius-block-start);--ehp-button-primary-border-radius-inline-end:var(--cta-button-primary-border-radius-inline-end);--ehp-button-primary-border-radius-inline-start:var(--cta-button-primary-border-radius-inline-start);--ehp-button-secondary-icon-spacing:var(--cta-button-secondary-icon-spacing);--ehp-button-secondary-text-color:var(--cta-button-secondary-text-color);--ehp-button-secondary-text-color-hover:var(--cta-button-secondary-text-color-hover);--ehp-button-secondary-border-width:var(--cta-button-secondary-border-width);--ehp-button-secondary-border-color:var(--cta-button-secondary-border-color);--ehp-button-secondary-padding-block-end:var(--cta-button-secondary-padding-block-end);--ehp-button-secondary-padding-block-start:var(--cta-button-secondary-padding-block-start);--ehp-button-secondary-padding-inline-end:var(--cta-button-secondary-padding-inline-end);--ehp-button-secondary-padding-inline-start:var(--cta-button-secondary-padding-inline-start);--ehp-button-secondary-border-radius-block-end:var(--cta-button-secondary-border-radius-block-end);--ehp-button-secondary-border-radius-block-start:var(--cta-button-secondary-border-radius-block-start);--ehp-button-secondary-border-radius-inline-end:var(--cta-button-secondary-border-radius-inline-end);--ehp-button-secondary-border-radius-inline-start:var(--cta-button-secondary-border-radius-inline-start)}.ehp-cta .ehp-image{--ehp-image-height:var(--cta-image-height);--ehp-image-min-height:var(--cta-image-min-height);--ehp-image-position:var(--cta-image-position);--ehp-image-width:var(--cta-image-width);--ehp-image-border-color:var(--cta-image-border-color);--ehp-image-border-width:var(--cta-image-border-width);--ehp-image-border-radius-block-end:var(--cta-image-border-radius-block-end);--ehp-image-border-radius-block-start:var(--cta-image-border-radius-block-start);--ehp-image-border-radius-inline-end:var(--cta-image-border-radius-inline-end);--ehp-image-border-radius-inline-start:var(--cta-image-border-radius-inline-start)}.ehp-cta.has-shape-custom.shape-type-box{--ehp-shapes-border-radius-block-end:var(--cta-box-border-radius-block-end,var(--cta-box-border-radius-custom-block-end));--ehp-shapes-border-radius-block-start:var(--cta-box-border-radius-block-start,var(--cta-box-border-radius-custom-block-start));--ehp-shapes-border-radius-inline-end:var(--cta-box-border-radius-inline-end,var(--cta-box-border-radius-custom-inline-end));--ehp-shapes-border-radius-inline-start:var(--cta-box-border-radius-inline-start,var(--cta-box-border-radius-custom-inline-start))}.ehp-cta.has-shape-custom.shape-type-image{--ehp-shapes-border-radius-block-end:var(--cta-image-border-radius-block-end,var(--cta-image-border-radius-custom-block-end));--ehp-shapes-border-radius-block-start:var(--cta-image-border-radius-block-start,var(--cta-image-border-radius-custom-block-start));--ehp-shapes-border-radius-inline-end:var(--cta-image-border-radius-inline-end,var(--cta-image-border-radius-custom-inline-end));--ehp-shapes-border-radius-inline-start:var(--cta-image-border-radius-inline-start,var(--cta-image-border-radius-custom-inline-start))}.ehp-cta__ctas-container{align-items:var(--cta-buttons-vertical-position);display:flex}.ehp-cta__ctas-container.has-cta-width-default .ehp-cta__buttons-wrapper{flex-direction:row}.ehp-cta__ctas-container.has-cta-width-stretch{width:100%}.ehp-cta__ctas-container.has-cta-width-stretch .ehp-cta__buttons-wrapper{align-items:flex-start;flex-direction:column}.ehp-cta__ctas-container.has-cta-width-stretch .ehp-cta__button{width:100%}@media screen and (max-width:1024px){.ehp-cta__ctas-container.has-cta-width-md-default .ehp-cta__buttons-wrapper{flex-direction:row}.ehp-cta__ctas-container.has-cta-width-md-stretch{width:100%}.ehp-cta__ctas-container.has-cta-width-md-stretch .ehp-cta__buttons-wrapper{align-items:flex-start;flex-direction:column}.ehp-cta__ctas-container.has-cta-width-md-stretch .ehp-cta__button{width:100%}}@media screen and (max-width:767px){.ehp-cta__ctas-container.has-cta-width-sm-default .ehp-cta__buttons-wrapper{flex-direction:row}.ehp-cta__ctas-container.has-cta-width-sm-stretch{width:100%}.ehp-cta__ctas-container.has-cta-width-sm-stretch .ehp-cta__buttons-wrapper{align-items:flex-start;flex-direction:column}.ehp-cta__ctas-container.has-cta-width-sm-stretch .ehp-cta__button{width:100%}}.ehp-cta__buttons-wrapper{display:flex;gap:var(--cta-buttons-space-between);justify-content:var(--cta-content-alignment);width:100%}@media screen and (min-width:768px){.ehp-cta__buttons-wrapper{align-items:center;flex-direction:row}}.ehp-cta__elements-container{display:flex;gap:var(--cta-elements-spacing);height:100%;max-width:var(--cta-content-width);width:100%;z-index:1}.ehp-cta__heading{color:var(--cta-heading-color);margin:0;word-break:break-word}.ehp-cta__description{color:var(--cta-description-color);margin:0}.ehp-cta__text-container{display:flex;flex-direction:column;flex-grow:var(--cta-text-container-flex-grow);gap:var(--cta-elements-spacing);text-align:var(--cta-content-alignment)}.ehp-cta__overlay{height:100%;left:0;opacity:var(--cta-overlay-opacity);position:absolute;top:0;width:100%;z-index:0}
Save
Back