*{margin:0;padding:0;box-sizing:border-box}.container-alert{width:100%;position:absolute;bottom:0;display:flex;justify-content:center;align-items:center;animation:anima .3s forwards;padding:40px;overflow-y:hidden}.container-alert #box{border-radius:6px;display:flex;align-items:center;justify-content:flex-start;padding:20px;gap:25px}.container-alert #box .text{display:flex;justify-content:flex-start;align-items:center;color:#fff;font-family:sans-serif;font-weight:700}.container-alert #box .icon{width:40%;display:flex;justify-content:center;align-items:center}.container-alert #box .icon i{font-size:21px;color:#fff}.container-alert .box-alert-warning{background-color:var(--warning-color)}.container-alert .box-alert-success{background-color:var(--success-color)}.container-alert .box-alert-error{background-color:var(--error-color)}@keyframes anima{0%{transform:translateY(450px)}to{transform:translateY(1)}}