.alert-box{display:flex;align-items:center;padding:15px 20px;margin:15px 0;border-radius:5px;position:relative;font-family:Arial,sans-serif;font-size:16px;box-sizing:border-box}.alert-box i{margin-right:10px;font-size:20px}.success{background-color:#d4edda;color:#155724;border-left:5px solid #28a745}.error{background-color:#f8d7da;color:#721c24;border-left:5px solid #dc3545}.info{background-color:#d1ecf1;color:#0c5460;border-left:5px solid #17a2b8}.warning{background-color:#fff3cd;color:#856404;border-left:5px solid #ffc107}.alert-box a.alert-link{color:inherit;font-weight:700;text-decoration:none;margin-left:5px}.alert-box a.alert-link:hover{text-decoration:underline}@media (max-width:600px){.alert-box{flex-direction:column;align-items:flex-start}.alert-box i{margin-bottom:10px}}