.scrollButtonCircleLeft-pQro3hO5,
.scrollButtonCircleRight-pQro3hO5 {
    fill: #131722;
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 0 2px 4px #0003;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
    height: 50px;
    opacity: .8;
    padding: 17px 20px;
    position: absolute;
    transition: opacity .35s ease, fill .35s ease;
    width: 50px
}

html.theme-dark .scrollButtonCircleLeft-pQro3hO5,
html.theme-dark .scrollButtonCircleRight-pQro3hO5 {
    fill: #d1d4dc;
    background-color: #131722;
    box-shadow: 0 2px 4px #0006
}

@media (any-hover:hover) {
    .scrollButtonCircleLeft-pQro3hO5:hover,
    .scrollButtonCircleRight-pQro3hO5:hover {
        fill: #2962ff;
        opacity: 1
    }
    html.theme-sa .scrollButtonCircleLeft-pQro3hO5:hover,
    html.theme-sa .scrollButtonCircleRight-pQro3hO5:hover {
        fill: #ff7200
    }
    html.theme-dark .scrollButtonCircleLeft-pQro3hO5:hover,
    html.theme-dark .scrollButtonCircleRight-pQro3hO5:hover {
        fill: #2962ff
    }
}

.scrollButtonCircleLeft-pQro3hO5 {
    left: 16px;
    top: 50%;
    transform: translateY(-50%)
}

.scrollButtonCircleRight-pQro3hO5 {
    right: 16px;
    top: 50%;
    transform: translateY(-50%)
}

.scrollButtonCircleLeft-pQro3hO5.isVisible-pQro3hO5,
.scrollButtonCircleRight-pQro3hO5.isVisible-pQro3hO5 {
    display: block
}

@media (any-hover:hover) {
    .scrollButtonCircleWrap-pQro3hO5:hover .scrollButtonCircleLeft-pQro3hO5,
    .scrollButtonCircleWrap-pQro3hO5:hover .scrollButtonCircleRight-pQro3hO5 {
        display: block
    }
}

.tv-scroll-button-wrap--is-at-end .scrollButtonCircleRight-pQro3hO5,
.tv-scroll-button-wrap--is-at-start .scrollButtonCircleLeft-pQro3hO5 {
    display: none !important
}