<style>
.u-go-to-v1 {
    width: <?php echo $scrollupw; ?>px;
    height: <?php echo $scrolluph; ?>px;
    display: block;
	border:<?php echo $scrollupbd; ?>px solid <?php echo $scrollupbc; ?>;
    background-color: <?php echo $scrollupback; ?>;
    color: <?php echo $scrolluprcss; ?>;
    border-radius: <?php echo $scrolluprad; ?>%;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    transition: .3s ease-out;
    z-index: 1999;
}
.u-go-to-v1:hover, .u-go-to-v1:focus:hover {
    text-decoration: none;
    color: <?php echo $suhcolor; ?>;
    background-color: <?php echo $suhback; ?>;
}
</style>
    <a class="js-go-to u-go-to-v1" href="#!" data-type="fixed" data-position='{
     "bottom": <?php echo $scrollupb; ?>,
     "right": <?php echo $scrollupr; ?>
   }' data-offset-top="400" data-compensation="#js-header" data-show-effect="zoomIn">
      <i class="hs-icon hs-icon-arrow-top"></i>
    </a>