.a3m-cf-wrap {
width: 100%;
}
.a3m-cf-form {
width: 100%;
background: transparent;
} .a3m-cf-fields {
display: flex;
flex-wrap: wrap;
gap: 0;
}
.a3m-cf-field-wrap {
width: 100%;
box-sizing: border-box;
margin-bottom: 16px;
}
.a3m-cf-width-full {
width: 100%;
}
.a3m-cf-width-half {
width: calc(50% - 8px);
}
.a3m-cf-width-half:nth-child(odd) {
margin-right: 16px;
} .a3m-cf-label {
display: block;
margin-bottom: 6px;
font-size: 14px;
font-weight: 500;
color: #333;
}
.a3m-cf-required {
color: #e00;
margin-left: 3px;
} .a3m-cf-input,
.a3m-cf-textarea {
width: 100%;
box-sizing: border-box;
background: transparent;
border: 1px solid #ccc;
color: #333;
font-size: 14px;
padding: 12px 16px;
outline: none;
transition: border-color 0.2s ease;
font-family: inherit;
appearance: none;
-webkit-appearance: none;
}
.a3m-cf-input:focus,
.a3m-cf-textarea:focus {
border-color: #000;
}
.a3m-cf-textarea {
height: 150px;
resize: vertical;
display: block;
} .a3m-cf-error {
display: block;
color: #e00;
font-size: 12px;
margin-top: 4px;
min-height: 16px;
} .a3m-cf-submit-wrap {
margin-top: 8px;
}
.a3m-cf-submit {
background: #000;
color: #fff;
border: none;
padding: 14px 40px;
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
cursor: pointer;
transition: background 0.2s ease, opacity 0.2s ease;
font-family: inherit;
}
.a3m-cf-submit:hover {
background: #333;
}
.a3m-cf-submit:disabled {
opacity: 0.6;
cursor: not-allowed;
} .a3m-cf-success {
margin-top: 16px;
padding: 16px 20px;
background: #000;
color: #fff;
font-size: 14px;
} .a3m-cf-error-global {
margin-top: 12px;
padding: 12px 16px;
background: #fee;
color: #c00;
font-size: 13px;
border: 1px solid #fcc;
} .a3m-cf-input.has-error,
.a3m-cf-textarea.has-error {
border-color: #e00 !important;
} @media (max-width: 600px) {
.a3m-cf-width-half {
width: 100%;
margin-right: 0 !important;
}
}