.radu-newsletter-signup {
    --radu-newsletter-accent: #16718d;
    --radu-newsletter-accent-dark: #104f63;
}

.radu-newsletter-signup--raduhu input[type="text"],
.radu-newsletter-signup--raduhu input[type="email"] {
    color: #263b43;
    border-color: #9cacb2;
    caret-color: var(--radu-newsletter-accent);
    transition: border-color .2s ease, box-shadow .2s ease;
}

.radu-newsletter-signup--raduhu input[type="text"]::placeholder,
.radu-newsletter-signup--raduhu input[type="email"]::placeholder {
    color: #62747b;
    opacity: 1;
}

.radu-newsletter-signup--raduhu input[type="text"]:focus,
.radu-newsletter-signup--raduhu input[type="email"]:focus,
.radu-newsletter-signup--raduhu input[type="text"]:focus-visible,
.radu-newsletter-signup--raduhu input[type="email"]:focus-visible {
    outline: 0;
    border-color: var(--radu-newsletter-accent);
    box-shadow: 0 0 0 3px rgba(22, 113, 141, .2);
}

.radu-newsletter-message,
.radu-newsletter-result {
    margin: 0 0 20px;
    padding: 14px 16px;
    border: 1px solid;
    border-left-width: 5px;
    border-radius: 7px;
    line-height: 1.55;
}

.radu-newsletter-message.is-success,
.radu-newsletter-result.is-success {
    border-color: #9bc9aa;
    border-left-color: #287a43;
    background: #f0faf3;
    color: #215f36;
}

.radu-newsletter-message.is-error,
.radu-newsletter-result.is-error {
    border-color: #e1aaa6;
    border-left-color: #b94842;
    background: #fff3f2;
    color: #8a2d29;
}

.radu-newsletter-result h2,
.radu-newsletter-result p {
    color: inherit;
}

.radu-newsletter-result h2 {
    margin-top: 0;
}

.radu-newsletter-result p {
    margin-bottom: 0;
}

.radu-newsletter-submit {
    display: inline-block;
    min-height: 48px;
    padding: 13px 22px;
    border: 0;
    border-radius: 6px;
    background: var(--radu-newsletter-accent);
    color: #fff;
    font: inherit;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .2s ease, transform .1s ease, box-shadow .2s ease;
}

.radu-newsletter-submit:hover,
.radu-newsletter-submit:focus-visible {
    background: var(--radu-newsletter-accent-dark);
    color: #fff;
}

.radu-newsletter-submit:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--radu-newsletter-accent) 25%, transparent);
}

.radu-newsletter-submit:active {
    transform: translateY(1px);
}