.csm-slider-wrapper {
    position: relative;
    width: 100%;
}

.csm-slider {
    overflow: hidden;
}

.csm-slide {
    box-sizing: border-box;
}

/* Arrow controls */
.csm-slider-controls {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}

.csm-slider-controls button {
    pointer-events: auto;
    border: none;
    /*background: rgba(0,0,0,0.4);*/
    /*color: #fff;*/
    /*width: 32px;*/
    /*height: 32px;*/
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.csm-slider-controls button:hover {
    background: transparent;
    scale: 0.9;
}
.csm-slider-controls button:focus {
    background: transparent;
    scale: 0.9;
}


.csm-slider-controls button img {
    height: auto; /* width is controlled inline via PHP */
}

/* Pagination dots (tiny-slider nav) */
.csm-slider-wrapper .tns-nav {
    text-align: center;
    margin-top: 10px;
}

.csm-slider-wrapper .tns-nav button {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: none;
    margin: 0 4px;
    padding: 0;
    background-color: var(--csm-pagination-color, #cccccc);
    opacity: 0.6;
}

.csm-slider-wrapper .tns-nav button.tns-nav-active {
    opacity: 1;
    transform: scale(1.2);
}