.scroll-buttons{position:relative}.scroll-buttons,.scroll-buttons__content{display:-webkit-box;display:-ms-flexbox;display:flex}.scroll-buttons__content{overflow-x:scroll;scroll-behavior:smooth;scrollbar-width:none;width:100%}.scroll-buttons__content::-webkit-scrollbar{display:none}.scroll-buttons__left,.scroll-buttons__right{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;position:absolute;visibility:hidden;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;opacity:0;-webkit-transition:all .5s ease;transition:all .5s ease;width:2.25rem}.scroll-buttons__left .icon--size-regular,.scroll-buttons__right .icon--size-regular{color:var(--brand-blue-100);font-size:var(--font-size-20)}.scroll-buttons__right{background:-webkit-gradient(linear,right top,left top,color-stop(50%,var(--brand-gray-10)),to(transparent));background:linear-gradient(270deg,var(--brand-gray-10) 50%,transparent);-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;right:-1px}.scroll-buttons__left{background:-webkit-gradient(linear,left top,right top,color-stop(50%,var(--brand-gray-10)),to(transparent));background:linear-gradient(90deg,var(--brand-gray-10) 50%,transparent);left:-1px}@media(min-width:768px){.scroll-buttons__left,.scroll-buttons__right{width:4.5rem}.scroll-buttons__left .icon--size-regular,.scroll-buttons__right .icon--size-regular{font-size:var(--font-size-24)}}