.kt-optin-wrap {
--kt-primary: #ffffff;
--kt-text: #111827;
--kt-btn-bg: #0b57d0;
--kt-btn-text: #ffffff;
--kt-input-bg: #ffffff;
--kt-input-text: #111827;
--kt-space: 12px;
--kt-font-size: 16px;
--kt-font-family: inherit;
--kt-radius: 8px;
--kt-wrap-max-width: 520px;
--kt-border: #d1d5db;
--kt-bg: #ffffff;
position: relative;
overflow: visible;
box-sizing: border-box;
font-family: var(--kt-font-family);
font-size: var(--kt-font-size);
color: var(--kt-text);
background: var(--kt-primary);
border: 1px solid var(--kt-border);
border-radius: calc(var(--kt-radius) + 6px);
padding: calc(var(--kt-space) * 1.35);
width: 100%;
max-width: var(--kt-wrap-max-width);
margin-left: auto;
margin-right: auto;
box-shadow: 0 14px 30px rgba(16, 35, 72, 0.12);
}
.kt-optin-wrap.kt-align-center {
width: 100%;
max-width: var(--kt-wrap-max-width);
margin-left: auto;
margin-right: auto;
}
html body.klicktipp-plugin-frontend-preview {
margin: 0 !important;
padding: 0 !important;
}
html.klicktipp-plugin-frontend-preview,
body.klicktipp-plugin-frontend-preview {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.klicktipp-plugin-frontend-preview #wpadminbar {
display: none !important;
}
body.klicktipp-plugin-frontend-preview :is(
#query-monitor-main,
#query-monitor-container,
#qm-wrapper,
#qm-panel-menu,
#qm-overview,
#qm-admin-bar-menu,
[id^="qm-"],
[class*="query-monitor"]
) {
display: none !important;
visibility: hidden !important;
}
.kt-optin-preview-shell {
max-width: var(--wp--style--global--content-size, 645px);
width: 100%;
margin: 0 auto;
padding: 16px;
box-sizing: border-box;
display: flex;
justify-content: center;
}
.kt-optin-preview-shell .kt-optin-wrap {
margin-left: auto !important;
margin-right: auto !important;
}
.kt-optin-block-scope .kt-optin-wrap {
width: 100% !important;
max-width: var(--kt-wrap-max-width) !important;
margin-left: auto !important;
margin-right: auto !important;
} .kt-unified-preview-canvas {
border: 1px solid #cfdcf2;
border-radius: 16px;
padding: 16px;
display: flex;
justify-content: center;
align-items: flex-start;
background: #f4f8ff;
}
.kt-optin-wrap.kt-with-gradient {
background:
radial-gradient(circle at 14% 10%, color-mix(in srgb, var(--kt-primary), #ffffff 82%) 0%, rgba(15, 118, 110, 0) 45%),
linear-gradient(160deg, var(--kt-primary) 0%, color-mix(in srgb, var(--kt-primary), #000000 8%) 100%);
}
.kt-optin-wrap * {
box-sizing: border-box;
}
.kt-optin-wrap.kt-strict-mode :where(h1, h2, h3, h4, h5, h6, p, figure, blockquote) {
margin: 0;
}
.kt-optin-wrap.kt-strict-mode :where(input, select, textarea, button) {
margin: 0 !important;
font: inherit !important;
line-height: 1.35 !important;
}
.kt-optin-wrap form,
.kt-optin-wrap p {
margin: 0;
}
.kt-optin-wrap .kt-field-group,
.kt-optin-wrap .kt-input,
.kt-optin-wrap .kt-textarea,
.kt-optin-wrap .kt-multi-dropdown,
.kt-optin-wrap .kt-submit-group,
.kt-optin-wrap .kt-privacy-text {
margin: 0 !important;
}
.kt-optin-wrap label,
.kt-optin-wrap input,
.kt-optin-wrap select,
.kt-optin-wrap textarea,
.kt-optin-wrap button {
font-family: inherit;
font-size: inherit;
line-height: 1.35;
} .kt-optin-wrap.kt-theme-clean {
border-color: var(--kt-border) !important;
box-shadow: 0 14px 30px rgba(16, 35, 72, 0.12) !important;
}
.kt-optin-wrap.kt-theme-minimal {
border: 1px solid var(--kt-border) !important;
box-shadow: none !important;
border-radius: 12px !important;
}
.kt-optin-wrap.kt-theme-minimal .kt-field-group {
border-color: var(--kt-border) !important;
background: #ffffff !important;
}
.kt-optin-wrap.kt-theme-minimal .kt-submit-btn {
background: var(--kt-btn-bg) !important;
box-shadow: none !important;
}
.kt-optin-wrap.kt-theme-bold {
border: 2px solid var(--kt-border) !important;
box-shadow: 0 22px 42px rgba(16, 35, 72, 0.2) !important;
}
.kt-optin-wrap.kt-theme-bold .kt-optin-title {
font-size: 1.42em !important;
font-weight: 800 !important;
}
.kt-optin-wrap.kt-theme-bold .kt-submit-btn {
font-weight: 800 !important;
letter-spacing: 0.02em !important;
box-shadow: 0 14px 26px rgba(16, 38, 83, 0.26) !important;
}
.kt-optin-wrap.kt-theme-soft {
background: color-mix(in srgb, var(--kt-primary), #fff2f8 32%) !important;
border-color: var(--kt-border) !important;
box-shadow: 0 12px 26px rgba(119, 59, 97, 0.12) !important;
}
.kt-optin-wrap.kt-theme-soft .kt-field-group {
border-color: var(--kt-border) !important;
background: #fff9fc !important;
}
.kt-optin-wrap.kt-theme-soft .kt-submit-btn {
background: linear-gradient(120deg, var(--kt-btn-bg) 0%, color-mix(in srgb, var(--kt-btn-bg), #ffeff8 24%) 100%) !important;
}
.kt-optin-wrap.kt-theme-ocean {
border-color: var(--kt-border) !important;
box-shadow: 0 14px 30px rgba(2, 132, 199, 0.18) !important;
background: linear-gradient(160deg, color-mix(in srgb, var(--kt-primary), #ffffff 42%) 0%, color-mix(in srgb, var(--kt-primary), #dbeafe 54%) 100%) !important;
}
.kt-optin-wrap.kt-theme-ocean .kt-field-group {
border-color: var(--kt-border) !important;
background: color-mix(in srgb, var(--kt-input-bg), #f0f9ff 28%) !important;
}
.kt-optin-wrap.kt-theme-ocean .kt-submit-btn {
box-shadow: 0 14px 24px rgba(3, 105, 161, 0.24) !important;
}
.kt-optin-wrap.kt-theme-sunset {
border-color: var(--kt-border) !important;
box-shadow: 0 16px 30px rgba(194, 65, 12, 0.2) !important;
background: linear-gradient(170deg, color-mix(in srgb, var(--kt-primary), #fff7ed 44%) 0%, color-mix(in srgb, var(--kt-primary), #ffedd5 46%) 100%) !important;
}
.kt-optin-wrap.kt-theme-sunset .kt-optin-title {
color: color-mix(in srgb, var(--kt-text), #7c2d12 38%) !important;
}
.kt-optin-wrap.kt-theme-sunset .kt-submit-btn {
background: linear-gradient(130deg, var(--kt-btn-bg) 0%, color-mix(in srgb, var(--kt-btn-bg), #fef3c7 20%) 100%) !important;
}
.kt-optin-wrap.kt-theme-forest {
border-color: var(--kt-border) !important;
box-shadow: 0 14px 26px rgba(21, 128, 61, 0.18) !important;
background: linear-gradient(160deg, color-mix(in srgb, var(--kt-primary), #f0fdf4 42%) 0%, color-mix(in srgb, var(--kt-primary), #dcfce7 46%) 100%) !important;
}
.kt-optin-wrap.kt-theme-forest .kt-field-group {
border-color: var(--kt-border) !important;
}
.kt-optin-wrap.kt-theme-forest .kt-submit-btn {
box-shadow: 0 12px 24px rgba(22, 101, 52, 0.22) !important;
}
.kt-optin-wrap.kt-theme-noir {
border: 1px solid var(--kt-border) !important;
box-shadow: 0 18px 34px rgba(2, 6, 23, 0.5) !important;
background: linear-gradient(160deg, color-mix(in srgb, var(--kt-primary), #020617 24%) 0%, color-mix(in srgb, var(--kt-primary), #0f172a 72%) 100%) !important;
}
.kt-optin-wrap.kt-theme-noir .kt-optin-title,
.kt-optin-wrap.kt-theme-noir .kt-optin-desc,
.kt-optin-wrap.kt-theme-noir .kt-field-label,
.kt-optin-wrap.kt-theme-noir .kt-field-help,
.kt-optin-wrap.kt-theme-noir .kt-privacy-text,
.kt-optin-wrap.kt-theme-noir .kt-gdpr-label,
.kt-optin-wrap.kt-theme-noir .kt-gdpr-text {
color: var(--kt-text) !important;
}
.kt-optin-wrap.kt-theme-noir .kt-field-group {
border-color: var(--kt-border) !important;
background: color-mix(in srgb, var(--kt-input-bg), #0f172a 16%) !important;
}
.kt-optin-wrap.kt-theme-noir .kt-submit-btn {
box-shadow: none !important;
}
.kt-optin-wrap.kt-theme-noir .kt-privacy-text a,
.kt-optin-wrap.kt-theme-noir .kt-gdpr-text a {
color: var(--kt-btn-bg) !important;
}
.kt-optin-wrap.kt-theme-aurora {
border-color: var(--kt-border) !important;
box-shadow: 0 16px 30px rgba(99, 102, 241, 0.2) !important;
background: linear-gradient(160deg, color-mix(in srgb, var(--kt-primary), #ffffff 32%) 0%, color-mix(in srgb, var(--kt-primary), #ddd6fe 42%) 100%) !important;
}
.kt-optin-wrap.kt-theme-aurora .kt-field-group {
border-color: var(--kt-border) !important;
background: color-mix(in srgb, var(--kt-input-bg), #ffffff 82%) !important;
}
.kt-optin-wrap.kt-theme-rose {
border-color: var(--kt-border) !important;
box-shadow: 0 14px 28px rgba(225, 29, 72, 0.16) !important;
background: linear-gradient(170deg, color-mix(in srgb, var(--kt-primary), #ffe4e6 34%) 0%, color-mix(in srgb, var(--kt-primary), #fff1f2 46%) 100%) !important;
}
.kt-optin-wrap.kt-theme-rose .kt-field-group {
border-color: var(--kt-border) !important;
}
.kt-optin-wrap.kt-theme-slate {
border-color: var(--kt-border) !important;
box-shadow: 0 10px 20px rgba(15, 23, 42, 0.1) !important;
background: linear-gradient(160deg, color-mix(in srgb, var(--kt-primary), #ffffff 28%) 0%, color-mix(in srgb, var(--kt-primary), #e2e8f0 36%) 100%) !important;
}
.kt-optin-wrap.kt-theme-slate .kt-submit-btn {
box-shadow: none !important;
}
.kt-optin-wrap.kt-theme-citrus {
border-color: var(--kt-border) !important;
box-shadow: 0 14px 24px rgba(101, 163, 13, 0.18) !important;
background: linear-gradient(160deg, color-mix(in srgb, var(--kt-primary), #ffffff 22%) 0%, color-mix(in srgb, var(--kt-primary), #ecfccb 42%) 100%) !important;
}
.kt-optin-wrap.kt-theme-citrus .kt-field-group {
border-color: var(--kt-border) !important;
}
.kt-optin-wrap.kt-no-shadow,
.kt-optin-wrap.kt-no-shadow .kt-submit-btn,
.kt-optin-wrap.kt-no-shadow .kt-submit-btn:hover {
box-shadow: none !important;
}
.kt-optin-wrap.kt-no-border {
border: 0 !important;
}
.kt-optin-wrap.kt-no-background {
background: transparent !important;
}
.kt-hp-field {
position: absolute !important;
left: -9999px !important;
width: 1px !important;
height: 1px !important;
opacity: 0 !important;
pointer-events: none !important;
}
.kt-optin-wrap h3.kt-optin-title {
margin: 0 0 calc(var(--kt-space) * 0.35);
font-size: 1.34em;
line-height: 1.25;
letter-spacing: -0.01em;
color: var(--kt-text);
}
.kt-optin-wrap .kt-optin-desc {
margin: 0 0 calc(var(--kt-space) * 1.15);
color: color-mix(in srgb, var(--kt-text), #ffffff 30%);
line-height: 1.5;
}
.kt-optin-desc > :first-child {
margin-top: 0;
}
.kt-optin-desc > :last-child {
margin-bottom: 0;
}
.kt-optin-desc + .kt-optin-form .kt-optin-fields {
margin-top: calc(var(--kt-space) * 0.2);
}
.kt-optin-fields {
display: grid;
gap: calc(var(--kt-space) * 0.78);
margin-bottom: calc(var(--kt-space) * 0.7);
}
.kt-field-group {
position: relative;
padding: 9px;
border: 1px solid var(--kt-border);
border-radius: calc(var(--kt-radius) + 2px);
background: rgba(255, 255, 255, 0.9);
}
.kt-optin-wrap.kt-flat-fields .kt-field-group {
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
}
.kt-input {
width: 100%;
max-width: none;
margin: 0;
display: block;
border: 1px solid var(--kt-border);
border-radius: var(--kt-radius);
padding: 0.7em 0.84em;
font: inherit;
color: var(--kt-input-text) !important;
background: var(--kt-input-bg) !important;
appearance: none;
-webkit-appearance: none;
transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}
.kt-input[multiple] {
min-height: 108px;
}
.kt-input-select {
width: 100%;
max-width: none !important;
}
.kt-input-select:not([multiple]) {
padding-right: 2.3em;
background-image:
linear-gradient(45deg, transparent 50%, #5b6d8c 50%),
linear-gradient(135deg, #5b6d8c 50%, transparent 50%);
background-position:
calc(100% - 17px) calc(50% - 3px),
calc(100% - 11px) calc(50% - 3px);
background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat;
}
.kt-input-select option {
padding: 8px 10px;
color: var(--kt-input-text) !important;
background: var(--kt-input-bg) !important;
}
.kt-multi-dropdown {
width: 100%;
position: relative;
}
.kt-multi-dropdown:not([open]) .kt-multi-dropdown-panel {
display: none;
}
.kt-multi-dropdown-trigger {
list-style: none;
width: 100%;
border: 1px solid var(--kt-border);
border-radius: var(--kt-radius);
background: var(--kt-input-bg) !important;
color: var(--kt-input-text) !important;
padding: 0.72em 0.88em;
min-height: 44px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
cursor: pointer;
font: inherit !important;
line-height: 1.35 !important;
transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}
.kt-multi-dropdown-trigger::-webkit-details-marker {
display: none;
}
.kt-multi-dropdown-caret {
width: 8px;
height: 8px;
border-right: 2px solid #5b6d8c;
border-bottom: 2px solid #5b6d8c;
transform: rotate(45deg);
transition: transform 0.15s ease;
flex: 0 0 auto;
}
.kt-multi-dropdown[open] .kt-multi-dropdown-caret {
transform: rotate(-135deg);
}
.kt-multi-dropdown-trigger:focus-visible {
outline: 2px solid color-mix(in srgb, var(--kt-primary), #ffffff 74%);
outline-offset: 1px;
border-color: var(--kt-primary);
box-shadow: 0 0 0 4px rgba(11, 87, 208, 0.1);
}
.kt-multi-dropdown-panel {
position: absolute;
left: 0;
right: 0;
top: calc(100% + 6px);
z-index: 30;
border: 1px solid var(--kt-border);
border-radius: calc(var(--kt-radius) + 2px);
background: var(--kt-input-bg) !important;
color: var(--kt-input-text) !important;
box-shadow: 0 14px 30px rgba(14, 36, 80, 0.2);
padding: 8px;
max-height: 220px;
overflow-y: auto;
font: inherit !important;
line-height: 1.35 !important;
}
.kt-multi-dropdown-value {
font: inherit !important;
line-height: 1.35 !important;
}
.kt-multi-dropdown-option-row {
display: flex;
align-items: center;
gap: 8px;
margin: 0;
padding: 7px 8px;
border-radius: 8px;
cursor: pointer;
color: var(--kt-input-text) !important;
font: inherit !important;
font-size: 0.95em;
line-height: 1.35 !important;
}
.kt-multi-dropdown-option-row:hover {
background: color-mix(in srgb, var(--kt-input-bg), var(--kt-input-text) 8%);
}
.kt-multi-dropdown-option-row input[type="checkbox"] {
margin: 0;
}
.kt-single-dropdown-option {
display: block;
width: 100%;
margin: 0;
border: 0;
border-radius: 8px;
background: transparent;
color: var(--kt-input-text) !important;
text-align: left;
padding: 9px 10px;
font: inherit !important;
font-size: 0.95em;
line-height: 1.35 !important;
cursor: pointer;
}
.kt-single-dropdown-option:hover {
background: color-mix(in srgb, var(--kt-input-bg), var(--kt-input-text) 8%);
}
.kt-single-dropdown-option.is-selected {
background: color-mix(in srgb, var(--kt-input-bg), var(--kt-btn-bg) 18%);
color: var(--kt-input-text) !important;
font-weight: 600;
}
.kt-optin-wrap.kt-input-style-liniert .kt-input {
border-width: 0 0 2px;
border-style: solid;
border-color: var(--kt-border);
border-radius: 0;
background: var(--kt-input-bg) !important;
padding-left: 0.4em;
padding-right: 0.4em;
}
.kt-optin-wrap.kt-input-style-liniert .kt-input:focus {
border-color: var(--kt-primary);
}
.kt-optin-wrap.kt-input-style-liniert .kt-multi-dropdown-trigger {
border-width: 0 0 2px;
border-style: solid;
border-color: var(--kt-border);
border-radius: 0;
background: var(--kt-input-bg) !important;
padding-left: 0.4em;
padding-right: 0.7em;
}
.kt-optin-wrap.kt-input-style-abgerundet .kt-input {
border-radius: 999px;
}
.kt-optin-wrap.kt-input-style-abgerundet .kt-multi-dropdown-trigger {
border-radius: 999px;
}
.kt-optin-wrap.kt-input-style-abgerundet .kt-textarea {
border-radius: 24px;
}
.kt-optin-wrap.kt-input-style-abgerundet .kt-submit-btn {
border-radius: 999px;
}
.kt-optin-wrap.kt-input-style-eckig .kt-input {
border-radius: 0;
}
.kt-optin-wrap.kt-input-style-eckig .kt-multi-dropdown-trigger,
.kt-optin-wrap.kt-input-style-eckig .kt-multi-dropdown-panel {
border-radius: 0;
}
.kt-optin-wrap.kt-input-style-eckig .kt-submit-btn {
border-radius: 0;
}
.kt-input:focus {
outline: 2px solid color-mix(in srgb, var(--kt-primary), #ffffff 74%);
outline-offset: 1px;
border-color: var(--kt-primary);
box-shadow: 0 0 0 4px rgba(11, 87, 208, 0.1);
background: var(--kt-input-bg) !important;
}
.kt-input::placeholder {
color: var(--kt-placeholder, #9ca3af) !important;
opacity: 1;
}
.kt-input::-webkit-input-placeholder {
color: var(--kt-placeholder, #9ca3af) !important;
opacity: 1;
}
.kt-input::-moz-placeholder {
color: var(--kt-placeholder, #9ca3af) !important;
opacity: 1;
}
.kt-input:-ms-input-placeholder {
color: var(--kt-placeholder, #9ca3af) !important;
}
.kt-input::-ms-input-placeholder {
color: var(--kt-placeholder, #9ca3af) !important;
}
.kt-optin-wrap textarea.kt-input,
.kt-optin-wrap select.kt-input,
.kt-optin-wrap .kt-multi-dropdown-trigger {
background: var(--kt-input-bg) !important;
color: var(--kt-input-text) !important;
}
.kt-field-label {
display: block;
margin: 0 0 4px;
font-weight: 700;
font-size: 0.94em;
line-height: 1.35;
color: var(--kt-text);
}
.kt-optin-wrap.kt-with-background .kt-field-label {
background: var(--kt-primary) !important;
}
.kt-optin-wrap.kt-no-background .kt-field-label {
background: transparent !important;
}
.kt-field-help {
margin: 0 0 5px;
font-size: 0.84em;
line-height: 1.45;
color: color-mix(in srgb, var(--kt-text), #ffffff 38%);
}
.kt-textarea {
min-height: 106px;
resize: vertical;
}
.kt-optin-wrap .kt-gdpr-group {
margin-top: 16px !important;
margin-bottom: 0 !important;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
}
.kt-privacy-text {
margin: 0 0 var(--kt-space);
font-size: 0.88em;
line-height: 1.45;
color: color-mix(in srgb, var(--kt-text), #ffffff 34%);
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
}
.kt-privacy-text > :first-child {
margin-top: 0;
}
.kt-privacy-text > :last-child {
margin-bottom: 0;
}
.kt-privacy-text + .kt-gdpr-group {
margin-top: calc(var(--kt-space) * 0.35);
}
.kt-gdpr-label {
display: flex !important;
gap: 8px;
align-items: flex-start !important;
justify-content: flex-start !important;
font-size: 0.9em;
color: color-mix(in srgb, var(--kt-text), #ffffff 24%);
text-align: left !important;
}
.kt-gdpr-label input[type="checkbox"] {
margin: 0.16em 0 0 !important;
width: auto;
max-width: none;
height: auto;
align-self: flex-start !important;
flex: 0 0 auto;
display: inline-block !important;
position: static !important;
float: none !important;
transform: none !important;
}
.kt-gdpr-label .kt-gdpr-text {
display: block !important;
flex: 1 1 auto;
min-width: 0;
text-align: left;
}
.kt-optin-wrap.kt-strict-mode .kt-gdpr-label {
display: grid !important;
grid-template-columns: 16px minmax(0, 1fr);
column-gap: 8px;
align-items: start !important;
}
.kt-optin-wrap.kt-strict-mode .kt-gdpr-label input[type="checkbox"] {
width: 16px !important;
height: 16px !important;
margin: 0.16em 0 0 !important;
}
.kt-gdpr-text > :first-child {
margin-top: 0;
}
.kt-gdpr-text > :last-child {
margin-bottom: 0;
}
.kt-privacy-text a,
.kt-gdpr-text a {
color: var(--kt-primary);
font-weight: 600;
text-decoration-thickness: 2px;
text-underline-offset: 2px;
}
.kt-submit-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
border: 0;
border-radius: calc(var(--kt-radius) + 2px);
background: linear-gradient(120deg, var(--kt-btn-bg) 0%, color-mix(in srgb, var(--kt-btn-bg), #ffffff 18%) 100%);
color: var(--kt-btn-text);
font: inherit;
font-weight: 700;
letter-spacing: 0.01em;
padding: 0.78em 1.1em;
cursor: pointer;
box-shadow: 0 10px 20px rgba(16, 38, 83, 0.18);
transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}
.kt-optin-wrap .kt-btn-loading {
display: none;
}
.kt-submit-btn:hover {
filter: brightness(0.98);
transform: translateY(-1px);
box-shadow: 0 14px 26px rgba(16, 38, 83, 0.2);
}
.kt-optin-wrap.kt-strict-mode .kt-submit-btn {
margin: 12px 0 0 !important;
}
.kt-submit-btn:disabled {
opacity: 0.65;
cursor: not-allowed;
transform: none;
box-shadow: none;
}
.kt-optin-wrap .kt-submit-group {
margin: 3px 0 0 !important;
}
.kt-optin-message {
margin-top: calc(var(--kt-space) * 0.35);
border-radius: calc(var(--kt-radius) + 2px);
padding: 0.75em 0.95em;
font-size: 0.92em;
}
.kt-optin-message.kt-msg-success {
background: #ecfdf5;
color: #065f46;
border: 1px solid #a7f3d0;
}
.kt-optin-message.kt-msg-error {
background: #fef2f2;
color: #991b1b;
border: 1px solid #fecaca;
}
.kt-optin-warning {
margin-top: 8px;
font-size: 0.94em;
color: #92400e;
}
.kt-optin-message.kt-embed-error {
display: block;
margin: 10px 0;
}
@media (max-width: 640px) {
.kt-optin-wrap {
padding: calc(var(--kt-space) * 1.15);
}
.kt-field-group {
padding: 10px;
}
}