.aviso{position:fixed;display:flex;bottom:1rem;min-width:300px;max-width:425px;width:100%;background-color:red;color:#fff;right:1rem;border-radius:5px;padding:10px 10px 20px;z-index:100;pointer-events:none;opacity:0;cursor:pointer;overflow:hidden}.aviso-success{background-color:#56bf34}.aviso.ativo{pointer-events:all;opacity:1}.aviso.inativo{pointer-events:none;opacity:0}.aviso.ativo.animar{animation:show .2s linear;-webkit-animation:show .2s linear;-moz-animation:show .2s linear;-o-animation:show .2s linear}.aviso.inativo.animar{animation:hide .2s linear;-webkit-animation:hide .2s linear;-moz-animation:hide .2s linear;-o-animation:hide .2s linear}.aviso .descricao{font-size:12px;display:flex;flex-direction:column}.aviso .fechar{position:absolute;right:15px;top:10px;font-size:11px}.aviso .fechar svg{width:11px;height:11px}.aviso .fechar svg path{fill:#fff}.aviso .timer{position:absolute;bottom:0;left:0;height:8px;background-color:#b90000;width:0;max-width:100%;transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear}.aviso-success .timer{background-color:green}@keyframes show{0%{opacity:0;right:-5rem}to{opacity:1;right:1rem}}@keyframes hide{0%{opacity:1;right:1rem}to{opacity:0;right:5rem}}@media only screen and (max-width:425px){.aviso{left:50%;transform:translateX(-50%);right:auto;border-radius:0;bottom:0;align-items:center}@keyframes show{0%{opacity:0;bottom:-5rem}to{opacity:1;bottom:0}}@keyframes hide{0%{opacity:1;bottom:0}to{opacity:0;bottom:-5rem}}}