.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;
}