.warning-message {
    transform: translate(-50%, 200%);
    transition: all 0.3s ease-in-out;
    width: calc(100% - 4rem);
}
.warning-message.active {
    transform: translate(-50%, 0);
}
@media screen and (min-width: 990px) {
    .warning-message {
        width: fit-content;
    }
}