/*#success-alert {
    position: fixed;
    z-index: 99999;
    bottom: 2%;
    right: 2%;
    width: 12%;
    background-color: rgb(149 238 88 / 0.95)
    
}
*/
.custom-alert.success-alert { position: fixed; text-align: center; display: flex; width: 50vw; height: 3.5rem; background: #9af5b1c9; left: 25%; z-index: 99999999; top: -4rem; border-radius: 5px; justify-content: center; align-items: center; box-shadow: 0px 0px 6px 1px #908d8d6e; transition: all 0.5s; }
.custom-alert.danger-alert { position: fixed; text-align: center; display: flex; width: 50vw; height: 3.5rem; background: #d00707d9; color: white; left: 25%; z-index: 99999999; top: -4rem; border-radius: 5px; justify-content: center; align-items: center; box-shadow: 0px 0px 6px 1px #908d8d6e; transition: all 0.5s; }
.custom-alert.warning-alert { position: fixed; text-align: start; display: flex; flex-direction:column; width: 25vw; padding: 1rem 1.5rem 1rem 3.5rem; background: rgb(255 255 255); color: #433a25; right: 20px; z-index: 99999999; top: -100%; border-radius: 5px; align-items: start; box-shadow: 0px 0px 6px 1px #908d8d6e; transition: all 0.5s; overflow: hidden; }
.custom-alert.warning-alert::before { content: '⚠'; position: absolute; display: flex; height: 100%; width: 39px; background: rgb(255, 176, 28); left: 0; top: 0; justify-content:center;align-items: center; }