.sop-dropdown-wrapper { display: none; }
.sop-horizontal-wrapper { display: flex; gap: 10px; flex-wrap: wrap; }

.scroll-on-page-wrapper.left .sop-horizontal-wrapper { justify-content: flex-start; }
.scroll-on-page-wrapper.center .sop-horizontal-wrapper { justify-content: center; }
.scroll-on-page-wrapper.right .sop-horizontal-wrapper { justify-content: flex-end; }

@media(min-width:768px){
    .scroll-on-page-wrapper.dropdown-desktop .sop-dropdown-wrapper { display: block; }
    .scroll-on-page-wrapper.dropdown-desktop .sop-horizontal-wrapper { display: none; }
}

@media(max-width:767px){
    .scroll-on-page-wrapper.dropdown-mobile .sop-dropdown-wrapper { display: block; }
    .scroll-on-page-wrapper.dropdown-mobile .sop-horizontal-wrapper { display: none; }
}

.sop-btn { cursor:pointer; padding:5px 10px; border:none; border-radius:4px; }