.toasts {
    width: 80%;

    position: fixed;
    bottom: var(--sp-1);
    left: 50%;
    transform: translateX(-50%);

    display: flex;
    flex-direction: column;
}
.btn {
    color: var(--white-color);
}

@media screen and (min-width: 600px) {
    .toasts {
        max-width: 30rem;
    }
}