/* decorative top bar (error accent) */ .status-bar height: 8px; background: linear-gradient(90deg, #ef4444, #f97316, #ef4444); width: 100%;
/* action buttons */ .action-buttons display: flex; flex-wrap: wrap; gap: 14px; margin-top: 1.8rem; justify-content: center; payment failed page design html codepen
.suggestion-list li display: flex; align-items: center; gap: 12px; font-size: 0.9rem; color: #1f2a44; font-weight: 500; /* decorative top bar (error accent) */
.error-detail background: #fef2f2; border-left: 4px solid #ef4444; padding: 0.9rem 1rem; border-radius: 1rem; margin: 1.2rem 0 1.2rem; font-size: 0.85rem; color: #991b1b; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; .suggestion-list li display: flex
.btn-primary:hover background: #0f172a; transform: translateY(-2px); box-shadow: 0 8px 18px -8px #0f172a60;