#error-message-box{

& > div::before{

content: '';

width: 114px;

height: 114px;

background-image: url(../img/error-ico.svg);

display: block;

margin: 0 auto 3rem;

}

background-color: #ffffff;

 

& > div{

box-shadow: none;

}

h2{

font-size: 1rem;

line-height: normal;

text-align: center;

color: #152A69;

&:first-of-type{

font-size: 36px;

color: #152A69;

margin-bottom: 2rem;

}

}

 

& p{

margin-top: 3rem;

 

a{

background-color: #EB0000;

height: 45px;

font-family: 'Geomanist-Book-WZ';

font-size: 16px;

color: #fff;

border-radius: 30px;

border: 0;

cursor: pointer;

line-height: 45px;

width: auto;

padding: 0% 20px;

display: flex ;

align-items: center;

justify-self: center;

gap: 1rem;

transition: 500ms;

text-transform: uppercase;

margin-top: 0rem;

 

span{

transform: translateY(2px);

}

}

}

}

 

@media screen and (max-width: 1000px) {

#error-message-box {

& > div {

background-color: #ffffff;

}

}

}