/* Media Carousel Component Styles */

.budi-mediacarousel {
    position: relative;
}

.budi-mediacarousel__img {
    display: block;
}

.budi-mediacarousel__control {
    width: 12%;
    opacity: 1;
}

.budi-mediacarousel__control .carousel-control-prev-icon,
.budi-mediacarousel__control .carousel-control-next-icon {
    border-radius: 999px;
    background-size: 1rem 1rem;
    background-color: rgb(0 0 0 / 45%);
    box-shadow: 0 2px 6px rgb(0 0 0 / 30%);
}

.budi-mediacarousel__control:hover .carousel-control-prev-icon,
.budi-mediacarousel__control:hover .carousel-control-next-icon {
    background-color: rgb(0 0 0 / 60%);
}

.budi-image__count {
    background-color: rgb(255 255 255 / 88%);
    padding: 6px 8px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
    color: var(--neutral-black);
 }
 
@media (max-width: 767px) {
    .budi-image__count {
       font-size: 12px;
    }
 }