/* Carousel buttons default style */
.cfris-carousel .carousel-btn {
    background-color: transparent;  /* default transparent */
    border: none;
    width: 50px;           /* larger square width */
    height: 50px;          /* larger square height */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem; /* small rounded corners */
    transition: background-color 0.3s ease, transform 0.2s ease;
}

/* Arrow inside button */
.cfris-carousel .carousel-btn .arrow {
    color: white;       /* default arrow color */
    font-size: 1.8rem;  /* slightly bigger arrow */
    font-weight: bold;
    line-height: 1;
}

/* Hover / focus highlight */
.cfris-carousel .carousel-btn:hover,
.cfris-carousel .carousel-btn:focus {
    background-color: #C7B446;  /* dirty yellow highlight */
    transform: scale(1.1);       /* slightly enlarge on hover */
}

/* Keep arrow white on hover */
.cfris-carousel .carousel-btn:hover .arrow,
.cfris-carousel .carousel-btn:focus .arrow {
    color: white;
}