.floating-line-banner {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 280px; 
    z-index: 9999;
    will-change: transform;
    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
    pointer-events: auto;
}

@media screen and (max-width: 768px) {
    .floating-line-banner {
        width: 80%;
        right: 10%;
        bottom: 15px;
    }
}


.delay-show-block {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.delay-show-block.is-active {
    opacity: 1;
    transform: translateY(0);
}