.g-scrolling-carousel {
    position: relative;
}
.g-scrolling-carousel .items {
    display:flex;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    -webkit-overflow-scrolling: touch;
}

.g-scrolling-carousel .items > *{
    display:block;
    min-width:144px;
    user-select: none;
}

.jc-right, .jc-left {
    width: 36px;
    height: 36px;
    color: #757575;
    margin-bottom: auto;
    margin-top: auto;
    background: rgba(255,255,255,0.4);
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    opacity: 0.75;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
}
.jc-right {
    right:1rem;
}
.jc-left {
    left:1rem;
}

.jc-right:hover,
.jc-left:hover{
    opacity: 0.98;
}
.jc-right:active,
.jc-left:active{
    background-color: rgba(245, 245, 245, 0.98);
    box-shadow: 0 0 0 1px rgba(0,0,0,0.08), 0 4px 8px 0 rgba(0,0,0,0.20);
}
.jc-right svg,
.jc-left svg{
    position: absolute;
    left: 0;right: 0;bottom: 0;top: 0;
    margin: auto;
    width: 24px;
    height: 24px;
    fill: black;
}
.jc-right:hover svg,
.jc-left:hover svg{
   fill: #000;
}