/* Widerrufsknopf – Frontend-Styles */

.widerruf-form-wrapper {
    max-width: 640px;
    margin: 0 auto 2rem;
}

.widerruf-intro {
    margin-bottom: 1.5rem;
}

.widerruf-form .form-group {
    margin-bottom: 1.25rem;
}

.widerruf-notice {
    background: #fff8e1;
    border-left: 4px solid #ffc107;
    padding: 0.75rem 1rem;
    border-radius: 0 4px 4px 0;
}

.widerruf-submit-btn {
    min-width: 220px;
}

.widerruf-confirmation {
    max-width: 640px;
    margin: 0 auto 2rem;
}

.widerruf-next-steps {
    margin: 1.5rem 0;
}

.widerruf-back-links {
    margin-top: 1.5rem;
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

/* Footer-Link */
.widerruf-footer-link {
    margin-top: 0.5rem;
    padding-bottom: 0.75rem;
}

@media (min-width: 768px) {
    .widerruf-footer-link {
        padding-bottom: 1.5rem;
    }
}

.widerruf-btn-footer {
    font-size: 0.875rem;
    color: inherit;
    text-decoration: underline;
    opacity: 0.8;
}

.widerruf-btn-footer:hover {
    opacity: 1;
    color: inherit;
}

/* Kundenkonto-Link */
.widerruf-account-link {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}