.w42recesso {
max-width: 640px;
margin: 1.5em auto;
}
.w42recesso-title {
margin-top: 0;
}
.w42recesso-intro,
.w42recesso-deadline {
margin: 0 0 1em;
}
.w42recesso-deadline {
font-size: 0.95em;
color: #555;
}
.w42recesso-summary {
display: grid;
grid-template-columns: minmax(120px, max-content) 1fr;
gap: 6px 16px;
margin: 1em 0;
padding: 12px 14px;
background: rgba(0, 0, 0, 0.03);
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 4px;
}
.w42recesso-summary dt {
font-weight: 600;
color: #555;
margin: 0;
}
.w42recesso-summary dd {
margin: 0;
}
.w42recesso-declaration {
margin: 1.25em 0;
}
.w42recesso-field {
display: flex;
flex-direction: column;
margin: 1em 0;
}
.w42recesso-field label {
font-weight: 600;
margin-bottom: 4px;
}
.w42recesso-input,
.w42recesso-textarea {
width: 100%;
max-width: 100%;
padding: 8px 10px;
border: 1px solid #888;
border-radius: 4px;
font: inherit;
box-sizing: border-box;
}
.w42recesso-hint {
font-size: 0.85em;
color: #666;
margin-top: 4px;
}
.w42recesso-actions {
margin-top: 1.5em;
}
.w42recesso-button {
display: inline-block;
padding: 10px 22px;
font: inherit;
font-weight: 600;
cursor: pointer;
border: 1px solid transparent;
border-radius: 4px;
}
.w42recesso-button-primary {
background: #2563eb;
color: #fff;
}
.w42recesso-button-primary:hover {
background: #1d4ed8;
}
.w42recesso-button[disabled],
.w42recesso-button[aria-disabled="true"] {
opacity: 0.5;
cursor: not-allowed;
}
.w42recesso-consent-field {
margin: 1.25em 0;
}
.w42recesso-consent-label {
display: flex;
align-items: flex-start;
gap: 8px;
font-weight: 400;
line-height: 1.4;
}
.w42recesso-consent {
margin-top: 3px;
flex: 0 0 auto;
} .w42recesso a:focus,
.w42recesso button:focus,
.w42recesso input:focus,
.w42recesso textarea:focus,
.w42recesso select:focus,
.w42recesso-link:focus {
outline: 3px solid #1d4ed8;
outline-offset: 2px;
}
.w42recesso-footer-link a,
.w42recesso-link {
text-decoration: underline;
}