.ecla-toast {
    position : fixed;
    bottom : 90px;
    left : 50%;
    transform : translateX(-50%) translateY(20px);
    background : rgba(0, 0, 0, 0.82);
    color : #fff;
    padding : 10px 20px;
    border-radius : 24px;
    font-size : 14px;
    z-index : 999999;
    opacity : 0;
    transition : opacity 0.25s ease, transform 0.25s ease;
    pointer-events : none;
    white-space : nowrap;
    max-width : calc(100vw - 40px);
    text-align : center;
}
.ecla-toast.is-visible {
    opacity : 1;
    transform : translateX(-50%) translateY(0);
}
@media (min-width: 769px) {
    .ecla-toast {
        bottom : 30px;
    }
}