.formipay-popup-trigger { display: flex; } a.formipay-open-popup-button { text-decoration: unset; background-color: var(--formipay-popup-button-bg-color); color: var(--formipay-popup-button-text-color); border: 1px solid var(--formipay-popup-button-border-color); padding: 0.75em 1.5em; border-radius: 10px; cursor: pointer; text-align: center; } a.formipay-open-popup-button:hover { background-color: var(--formipay-popup-button-bg-color-hover); color: var(--formipay-popup-button-text-color-hover); border: 1px solid var(--formipay-popup-button-border-color-hover); } a.formipay-open-popup-button:active { background-color: var(--formipay-popup-button-bg-color-active); color: var(--formipay-popup-button-text-color-active); border: 1px solid var(--formipay-popup-button-border-color-active); } .jquery-modal.blocker.current { z-index: 101; } .jquery-modal.blocker.current:has(.formipay-popup) { background-color: var(--formipay-popup-backdrop-color); height: 100svh; } .jquery-modal.blocker.current > .formipay-popup { width: 100%; max-width: var(--formipay-popup-wrapper-width); max-height: 90svh; padding: 0; box-shadow: 0 12px 19px rgb(51, 51, 51, 0.50); -moz-border-radius: 1rem; -o-border-radius: 1rem; -ms-border-radius: 1rem; border-radius: 1rem; -webkit-box-shadow: 0 12px 19px rgb(51, 51, 51, 0.50); -moz-box-shadow: 0 12px 19px rgb(51, 51, 51, 0.50); -o-box-shadow: 0 12px 19px rgb(51, 51, 51, 0.50); -ms-box-shadow: 0 12px 19px rgb(51, 51, 51, 0.50); } .jquery-modal.blocker.current > .formipay-popup > .formipay-form { max-height: 100%; overflow: auto; padding: 15px 30px; border-radius: inherit; } h4.formipay-popup-title { font-weight: bold; margin-bottom: 0; border-bottom: 1px solid lightgrey; } .formipay-popup > .formipay-form { background: white; }