.carousel-contianer {
    width: 100%;
}

.carousel-wrapper {
    display: flex;
    max-width: 100%;
    overflow-x: hidden;
}

.carousel-btn-container {
    width: 100%;
    padding: 2px;
    display: flex;
}

    .carousel-btn-container input[type="radio"] {
        margin: 5px;
        accent-color: #EA0000;
    }

.carousel-arrow-container, .carousel-arrow-container-left, .carousel-arrow-container-right {
    background-color: transparent;
    display: flex;
    position: absolute;
    transition: all 0.5s;
    top: 50%;
    transform: translateY(-50%);
}

.carousel-arrow-container-left {
    left: -30px;
    transform: translateY(-50%);
}

.carousel-arrow-container-right {
    right: -30px;
    transform: translateY(-50%);
}

.carousel-arrow-container i, .carousel-arrow-container-left i, .carousel-arrow-container-right i {
    margin: auto;
    font-size: 40px;
    color: #EA0000;
    padding: 5px;
    cursor: pointer;
    transition: all 0.5s;
}