Changed payment error message style

hosting/static/hosting/css/landing-page.css

@@ -537,6 +537,10 @@ a.unlink:hover {
     border-radius: 3px;
     padding: 5px;
 }
+.card-warning-error {
+    border: 1px solid #EB4D5C;
+    color: #EB4D5C;
+}
 
 .stripe-payment-btn {
     outline: none;
@@ -718,4 +722,4 @@ a.unlink:hover {
 
 .footer-light a:hover, .footer-light a:focus, .footer-light a:active {
     color: #ddd;
-}
+}

hosting/templates/hosting/payment.html

@@ -138,11 +138,11 @@
                                                 {% endblocktrans %}
                                             </p>
                                         {% endif %}
-                                        <div class="help-block with-errors">
+                                        <div>
                                             {% for message in messages %}
                                                 {% if 'failed_payment' in message.tags %}
                                                  <ul class="list-unstyled"><li>
-                                                     <p class="alert alert-danger">{{ message|safe }}</p>
+                                                     <p class="card-warning-content card-warning-error">{{ message|safe }}</p>
                                                 </li></ul>
                                                 {% endif %}
                                             {% endfor %}