.alertWrapper { position: relative; }

.alertInner {
background: #ea9b2b;
color: #000;
width: 100%;
padding: 10px 20px;
display: block;
position: relative;
z-index: 1;
box-shadow: 0px 0px 5px #333333;
box-sizing: border-box;
text-align: left;
font-size: 18px;
font-weight: bold;
text-transform: uppercase; }

.alertInner .fas { margin-right: 20px; }


a#close-btn {
position: absolute;
right: 10px;
font-size: 25px;
z-index: 99;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
}

a#close-btn span.fa.fa-times {
color: #000 !important;
margin: 10px; }

a#close-btn span.fa.fa-exclamation-triangle {
position: absolute;
left: -50px;
top: 50px;
font-size: 30px;
color: #ea9b2b !important; 
background: #000;
margin: 5px;
padding: 6px;
border-radius: 6px;
box-shadow: 0px 1px 5px rgba(99, 99, 99, 0.79); 
-webkit-transition: all .2s ease-in-out; 
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out; }


@media screen and (max-width: 600px) {
a#close-btn { right: 0; }
}