.top-post-notification { display: flex; align-items: center; background-color: #007bff; color: #fff; padding: 15px; padding-top: 0px !important; border-radius: 5px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); font-style: italic; } .top-post-notification-icon { font-weight: 600; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; background-color: #fff; color: #007bff; border-radius: 50%; margin-right: 10px; font-size: 18px; } .top-post-notification .top-post-notification-icon { margin-right: 10px; font-size: 20px; min-width: 48px; min-height: 48px; } .top-post-notification.success { background-color: #dff0d8; border: 1px solid #d6e9c6; } .top-post-notification.success .top-post-notification-icon { color: #3c763d; } .top-post-notification-message { color: #FFF; font-size: 16px; margin-left: 15px; } .top-post-notification.warning { background-color: #fcf8e3; border: 1px solid #faebcc; } .top-post-notification.warning .top-post-notification-icon { color: #8a6d3b; } .top-post-notification a { color: #0000FF !important; text-decoration: underline !important; } .top-post-notification a:hover { color: #FF0000 !important; text-decoration: none !important; }