﻿.alerts{position:fixed;z-index:999;right:15px;padding-right:5px;top:15px;max-height:400px;overflow:auto}
@media screen and (max-width:576px){.alerts{top:auto;bottom:5px;right:5px}}
.alerts__box{background-color:#c1a25e;padding:15px;padding-right:25px;font-size:12px;line-height:1.4;max-width:300px;margin-bottom:10px;color:#fff;position:relative;display:none}
@media screen and (max-width:576px){.alerts__box{margin-bottom:5px;max-width:200px;padding-right:20px}}
.alerts__box.active{display:block}
.alerts__box--error{background-color:#c03737}
.alerts__box--success{background-color:#54995c}
.alerts__box--info{background-color:#709ed6}
.alerts__box--link{border-bottom:1px dotted;display:inline-flex;align-items:center;margin-top:5px}
.alerts__box--link .icon{font-size:12px}
.alerts__box--link:hover{color:#fff;opacity:0.5}
.alerts__box--close{position:absolute;right:10px;top:10px;cursor:pointer}
.alerts__box--close svg{transition:all 0.2s ease}
.alerts__box--close:hover svg{transform:rotate(90deg)}
