.casino-floating{
    display: flex;
    bottom: -300px;
    left: 15px;
    z-index: 244;
    max-width: 350px;
    width: calc(100% - 30px);
    transition: bottom .5s cubic-bezier(.77, 0, .175, 1);
}
.casino-floating.active{
    bottom: 15px;
}
.casino-floating .mega-offer p{
    margin: 0;
}
.casino-floating .mega-offer strong{
    font-weight: 500;
}
.casino-floating .close{
    width: 30px;
    height: 30px;
    top: -10px;
    right: -10px;
    transition: .3s;
    background-color: #f1f1f1;
}
.casino-floating .close:hover{
    transform: rotate(15deg);
    background-color: #ff5e5e;
}
.casino-floating .close svg{
    width: 10px;
    fill: #505050;
    transition: .3s;
}
.casino-floating .close:hover svg{
    fill: #fff;
}

/* Bottom */
.casino-floating.aligned-center{
    max-width: 100%;
    left: 15px;
    width: calc(100% - 30px);
}

/* Right */
.casino-floating.aligned-right{
    left: auto;
    right: 10px;
}
.casino-floating.aligned-right .close{
    right: auto;
    left: -15px;
}

/* Reponsive */
@media(min-width: 768px){
    .casino-floating.aligned-center{
        left: 100px;
        width: calc(100% - 200px);
    }
}