.wbf-wrap {
    max-width: 480px;
    margin: 2em auto;
    font-family: inherit;
}
.wbf-notice {
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 16px;
}
.wbf-notice--success {
    background: #eef7f0;
    color: #2f7d4f;
}
.wbf-notice--error {
    background: #fbeaea;
    color: #c0392b;
}
.wbf-form {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.wbf-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 14px;
    color: #6c6c6c;
}
.wbf-field input,
.wbf-field textarea {
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 15px;
    font-family: inherit;
}
.wbf-hp {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.wbf-submit {
    background: #E2A330;
    color: #fff;
    border: none;
    border-radius: 999px;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    align-self: flex-start;
}
.wbf-submit:hover {
    opacity: 0.9;
}