.wp-block-zak-block-abo-cancellation .block-abo-cancellation-section,
.wp-block-zak-block-abo-cancellation .abo-cancellation-result {
    width: 100%;
    padding: 40px;
    border-radius: 10px;
}

.wp-block-zak-block-abo-cancellation .block-abo-cancellation-section:not(.with-login),
.wp-block-zak-block-abo-cancellation .abo-cancellation-result {
    background-color: white;
}

.wp-block-zak-block-abo-cancellation .block-abo-cancellation-section.without-login {
    display: block;
}

.wp-block-zak-block-abo-cancellation .block-abo-cancellation-section.with-login {
    border: 1px solid #fe590999;
}

.wp-block-zak-block-abo-cancellation .block-abo-cancellation-section.with-login .customer-input {
    display: none;
}


.wp-block-zak-block-abo-cancellation SPAN.value {
    font-weight: 200;
    font-style: italic;
}

.wp-block-zak-block-abo-cancellation .abo-cancellation-result {
    display: none;
}

.wp-block-zak-block-abo-cancellation .abo-cancellation-result .result-text,
.wp-block-zak-block-abo-cancellation .abo-cancellation-result .result-email {
    margin-bottom: 20px;
}

.wp-block-zak-block-abo-cancellation .abo-cancellation-result .result-email {
    font-weight: bold;
}

.wp-block-zak-block-abo-cancellation .abo-cancellation-result .result-text {
    white-space: break-spaces;
    line-height: 1.4;
}

.wp-block-zak-block-abo-cancellation .errors {
    text-align: center;
    margin-top: 25px;
    font-size: 15px;
}

.wp-block-zak-block-abo-cancellation .errors .inner .headline {
    display: none;
    color: red;
}

.wp-block-zak-block-abo-cancellation .errors .inner .footer {
}

.wp-block-zak-block-abo-cancellation .header {
    display: contents;
}

.wp-block-zak-block-abo-cancellation .header h3.block-title {
    font-weight: 600;
    margin-bottom: 15px;
}

.wp-block-zak-block-abo-cancellation .header .block-subtitle {
}

.wp-block-zak-block-abo-cancellation form label:last-child {
    margin-bottom: 40px;
}

.wp-block-zak-block-abo-cancellation form#abo-cancellation-login-form {
    display: none;
}

.wp-block-zak-block-abo-cancellation form#abo-cancellation-form,
.wp-block-zak-block-abo-cancellation form#abo-cancellation-form-without-login {
    display: none;
}

.wp-block-zak-block-abo-cancellation form#abo-cancellation-form-without-login label span.help-text {
    font-size: 14px;
    color: #888;
    line-height: 1px!important;
}

.wp-block-zak-block-abo-cancellation form#abo-cancellation-form .block-buttons .wp-block-button {
    margin-right: 0 !important;
}

.wp-block-zak-block-abo-cancellation form#abo-cancellation-login-form .block-login-text,
.wp-block-zak-block-abo-cancellation .block-form-text,
.wp-block-zak-block-abo-cancellation .block-form-abo-status-text {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

.wp-block-zak-block-abo-cancellation form#abo-cancellation-login-form .block-login-text,
.wp-block-zak-block-abo-cancellation .block-form-text,
.wp-block-zak-block-abo-cancellation form#abo-cancellation-form-without-login .block-login-text {
    margin: 0 0 30px 0;
    font-weight: bold;
}

.wp-block-zak-block-abo-cancellation form#abo-cancellation-login-form .help-text {
    text-align: center;
    margin-bottom: 20px;
    line-height: 1.2;
}

.wp-block-zak-block-abo-cancellation .block-form-abo-status-text,
.wp-block-zak-block-abo-cancellation .block-form-text {
    display: none;
}

.wp-block-zak-block-abo-cancellation .block-form-abo-status-text {
    margin-bottom: 10px;
}

.wp-block-zak-block-abo-cancellation form#abo-cancellation-form .block-buttons {
    display: contents;
}

.wp-block-zak-block-abo-cancellation .abo-cancellation-login-form .block-buttons {
    text-align: center;
}

.wp-block-zak-block-abo-cancellation form#abo-cancellation-login-form .block-buttons button,
.wp-block-zak-block-abo-cancellation form#abo-cancellation-form .block-buttons .wp-block-button {
    width: 100%;
}

.wp-block-zak-block-abo-cancellation form#abo-cancellation-form-without-login .block-buttons {
    margin-top: 20px;
}

.wp-block-zak-block-abo-cancellation form#abo-cancellation-form-without-login .block-buttons button {
    width: 100%;
}

.wp-block-zak-block-abo-cancellation .zak-block-text-line-separator {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 40px;
}

.wp-block-zak-block-abo-cancellation .zak-block-text-line-separator .separator-line {
    height: 1px;
    background-color: gray;
    margin-left: 10px;
    margin-right: 10px;
    width: 70px;
}

@media only screen and (max-width: 840px) {
    .wp-block-zak-block-abo-cancellation {
        padding: 20px;
    }
}