.k3n-newsletter-div {
    li {
        list-style: none;
        margin-left: 0;
    }

    .typo3-messages {
        padding-left: 0;
    }
}

/* Higher specificity so BGE newsletter layout .btn rules do not flatten variant styles */
.k3n-newsletter-div .k3n-newsletter-form .k3n-newsletter-delete-btn {
    display: inline-block;
    visibility: visible;
    opacity: 1;
    color: #fff;
    background-color: #dc3545;
    border: 2px solid #dc3545;
}

.k3n-newsletter-div .k3n-newsletter-form .k3n-newsletter-delete-btn:hover {
    background-color: #bb2d3b;
    border-color: #b02a37;
    color: #fff;
}

.k3n-newsletter-div .k3n-newsletter-form .k3n-newsletter-delete-btn:focus-visible {
    outline: 2px solid #dc3545;
    outline-offset: 2px;
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}

/* Match BGE body/form scale (html 62.5% base); avoid oversized controls */
.k3n-newsletter-div .k3n-newsletter-form .k3n-newsletter-btn {
    font-size: inherit;
    font-weight: bold;
}

/* Primary outline = BGE brand blue; beats .c-newsletter-subscription__form .btn reset when both apply */
.k3n-newsletter-div .k3n-newsletter-form .btn-outline-primary {
    background-color: transparent;
    color: #2b5b7b;
    border: 2px solid #2b5b7b;
}

.k3n-newsletter-div .k3n-newsletter-form .btn-outline-primary:hover,
.k3n-newsletter-div .k3n-newsletter-form .btn-outline-primary:focus {
    background-color: #2b5b7b;
    color: #fff;
}