.article-livedraw {
    background-color: rgb(43, 43, 43);
    filter: drop-shadow(2px 2px 10px black);
    border-radius: 0.5cm;
    color: white;
    text-align: justify;
    padding: 1cm;
}

.container-fluid.container-footer{
    margin-bottom: 3rem;
}

.container.page-prediksi{
    padding: 0rem;
}

.btn1-prediksi {
    color:white;
    background-image: linear-gradient(maroon, red, maroon);
    width:100%;
    filter: drop-shadow(1px 1px 5px black);
    border-color:orange;
    border-width:2px;
    border-radius: 0.3cm;
}

.btn1-prediksi:hover {
    color:white;
    background-image: linear-gradient(orangered, orange, orangered);
    width:100%;
    filter: drop-shadow(1px 1px 5px white);
    border-color:white;
    border-width:2px;
    border-radius: 0.3cm;
}

.btn1-livedraw {
    color:orange;
    background-color: maroon;
    width:100%;
    filter: drop-shadow(1px 1px 5px black);
    border-color:orange;
    border-width:2px;
    border-radius: 0.3cm;
}

.btn1-livedraw:hover {
    color:black;
    background-color: orange;
    width:100%;
    filter: drop-shadow(1px 1px 5px black);
    border-color:white;
    border-width:2px;
    border-radius: 0.3cm;
}

.btn-access {
    color:white;
    background-color: maroon;
    width:100%;
    height: 40px;
    filter: drop-shadow(1px 1px 5px black);
    border-color:orange;
    border-width:2px;
    border-radius: 1cm;
    filter: drop-shadow(1px 1px 3px orange)
}

.btn-access:hover {
    color:maroon;
    background-color: rgb(231, 231, 231);
    width:100%;
    height: 40px;
    filter: drop-shadow(1px 1px 5px black);
    border-color:orange;
    border-width:2px;
    border-radius: 1cm;
    filter: drop-shadow(1px 1px 3px orange)
}

.carousel-contain {
    margin-top:1px
}

.carousel-image {
    width: 100%;
    height: auto;
    border-radius:10px;
}


.col-single-prediksi {
    min-height: 250px;
    overflow:hidden;
    aspect-ratio:16/9;
}

.card-img-single-prediksi {
    min-height: 250px;
    overflow:hidden;
    aspect-ratio:16/9;
}

.prediksi-name {
        background-image: linear-gradient(orangered, orange, orangered);
        font-size: 15px;
        color: rgb(255, 255, 255);
    }

@media screen and (max-width: 945px){
    h2 {
        font-size: 17px;
    }

    h4 {
        font-size: 14px;
    }

    .btn1-prediksi {
        color:white;
        background-image: linear-gradient(maroon, red, maroon);
        width:100%;
        filter: drop-shadow(1px 1px 5px black);
        border-color:orange;
        border-width:2px;
        border-radius: 0.3cm;
        font-size: 12px;
        margin-top: 1.5cm;
    }

    .btn1-prediksi:hover {
        color:white;
        background-image: linear-gradient(orangered, orange, orangered);
        width:100%;
        filter: drop-shadow(1px 1px 5px white);
        border-color:white;
        border-width:2px;
        border-radius: 0.3cm;
        font-size: 12px;
    }
}

/* Ukuran font untuk perangkat tablet */
@media screen and (max-width: 768px) {
    body {
        font-size: 16px;
    }

    .btn1-prediksi {
        color:white;
        background-image: linear-gradient(maroon, red, maroon);
        width:100%;
        filter: drop-shadow(1px 1px 5px black);
        border-color:orange;
        border-width:2px;
        border-radius: 0.3cm;
        font-size: 12px;
    }

    .btn1-prediksi:hover {
        color:white;
        background-image: linear-gradient(orangered, orange, orangered);
        width:100%;
        filter: drop-shadow(1px 1px 5px white);
        border-color:white;
        border-width:2px;
        border-radius: 0.3cm;
        font-size: 12px;
    }

    p {
        font-size: 14px;
    }

}

@media screen and (max-width: 748px){
	h1 {
        font-size: 20px;
    }

    h4 {
        font-size: 16px;
    }

	.btn1-prediksi {
        color:white;
        background-image: linear-gradient(maroon, red, maroon);
        width:100%;
        filter: drop-shadow(1px 1px 5px black);
        border-color:orange;
        border-width:2px;
        border-radius: 0.3cm;
        font-size: 12px;
        margin-top: 1.5cm;
    }

    .btn1-prediksi:hover {
        color:white;
        background-image: linear-gradient(orangered, orange, orangered);
        width:100%;
        filter: drop-shadow(1px 1px 5px white);
        border-color:white;
        border-width:2px;
        border-radius: 0.3cm;
    }
}

@media screen and (max-width: 576px){
    h1 {
        font-size: 18px;
    }

    h4 {
        font-size: 14px;
    }

	.btn1-prediksi {
        color:white;
        background-image: linear-gradient(maroon, red, maroon);
        width:100%;
        filter: drop-shadow(1px 1px 5px black);
        border-color:orange;
        border-width:2px;
        border-radius: 0.3cm;
        font-size: 12px;
    }

    .btn1-prediksi:hover {
        color:white;
        background-image: linear-gradient(orangered, orange, orangered);
        width:100%;
        filter: drop-shadow(1px 1px 5px white);
        border-color:white;
        border-width:2px;
        border-radius: 0.3cm;
    }
}

@media screen and (max-width: 572px){
    h1 {
        font-size: 30px;
    }

    h4 {
        font-size: 25px;
    }
}

/* Ukuran p untuk mobile */
@media screen and (max-width: 480px) {
    h1 {
        font-size: 24px;
    }

    h2 {
        font-size: 24px;
    }

    h4 {
        font-size: 18px;
    }


    p {
        font-size: 15px;
    }

    body {
        font-size: 14px;
    }

    .carousel-contain {
        margin-top:3px;
        width:100%;
    }

    .btn1-prediksi {
        color:white;
        background-image: linear-gradient(maroon, red, maroon);
        width:100%;
        filter: drop-shadow(1px 1px 5px black);
        border-color:orange;
        border-width:2px;
        border-radius: 0.3cm;
        font-size: 16px;
        margin-top: 0rem;
    }

    .btn1-prediksi:hover {
        color:white;
        background-image: linear-gradient(orangered, orange, orangered);
        width:100%;
        filter: drop-shadow(1px 1px 5px white);
        border-color:white;
        border-width:2px;
        border-radius: 0.3cm;
        font-size: 16px;
    }

    .content-pasaran {
        font-size:14px;
    }
}