.unlock .stars {
    position: absolute;
    top: 40%;
    transform: scale(0.7);
}

.unlock .stars.stars-left {
    left: 0;
}

.unlock .stars.stars-right {
    right: 0;
}

@media (max-width: 1199px) {
    .unlock .stars.stars-left {
        left: -10%;
    }
    
    .unlock .stars.stars-right {
        right: -10%;
    }
}

@media (max-width: 991px) {
    .unlock .stars {
        top: -40%;
        transform: scale(0.5);
    }
    
    .unlock .stars.stars-left {
        left: -20%;
    }
    
    .unlock .stars.stars-right {
        right: -20%;
    }
}

@media (max-width: 767px) {
    .unlock .flovers {
        transform: scale(0.8);
    }
    
    .unlock .stars {
        transform: scale(0.4);
    }
    
    .unlock .stars.stars-left {
        left: -30%;
    }
    
    .unlock .stars.stars-right {
        right: -30%;
    }
}

@media (max-width: 575px) {
    .unlock .flovers {
        transform: scale(0.7);
    }
    
    .unlock .btn {
        width: 100%;
    }
}

@media (max-width: 479px) {
    .unlock .stars {
        top: -20%;
        transform: scale(0.3);
    }
}

@media (max-width: 450px) { .unlock .stars.stars-left { left: -35%; } .unlock .stars.stars-right { right: -35%; }}
@media (max-width: 420px) { .unlock .stars.stars-left { left: -40%; } .unlock .stars.stars-right { right: -45%; }}
@media (max-width: 390px) { .unlock .stars.stars-left { left: -45%; } .unlock .stars.stars-right { right: -50%; }}
@media (max-width: 360px) { .unlock .stars.stars-left { left: -50%; } .unlock .stars.stars-right { right: -55%; }}