.message__container{width:40rem;background-color:#b3fe91;position:fixed;top:2rem;right:-100vw;padding:1rem;border-radius:.5rem;border:.1rem solid #61ff18;transition:all .5s ease-in-out;z-index:999}.message__container.active{right:2rem}.message__container.close{right:-40rem}.message__container.sucess{background-color:#b3fe91;border:.1rem solid #61ff18;color:var(--color-red)}.message__container.error{background-color:#ff977d;border:.1rem solid #ff3e12;color:var(--color-white)}.message__container .message{display:flex;justify-content:space-between;align-items:center}