.bns-newsletter-signup-form div {
    margin-bottom: 30px;
}

.bns-newsletter-signup-form div:last-child {
    margin-bottom: 0;
}

.bns-newsletter-signup-form label {
    display: block;
    margin-bottom: 5px;
}

.bns-newsletter-signup-form input[type="text"],
.bns-newsletter-signup-form input[type="email"] {
    width: 100%;
    padding: 8px;
    border: 1px solid var(--grey-border);
    border-radius: 4px;
    background: var(--grey-background);
}

.bns-newsletter-signup-form button {
    background-color: var(--accent-2);
    color: #fff;
    border: none;
    padding: 10px 20px;
    font-weight: bold;
    border-radius: 4px;
    cursor: pointer;
    transition-property: background-color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
}

.bns-newsletter-signup-form button:hover {
    background-color: var(--brand-primary);
}

.bns-newsletter-signup-form .bns-red {
    color: red;
}

.bns-newsletter-signup-form form > div:has(input[type="checkbox"]) {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.bns-newsletter-signup-form form > div:has(input[type="checkbox"]) label {
    margin-bottom: 0;
    line-height: 1.4;
}

.bns-newsletter-signup-form form > div:has(input[type="checkbox"]) input {
    margin-top: 5px;
}

.bns-newsletter-signup-form .bns-actions {
    margin-top: 40px;
}