#arrow

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
  $('<div class="down-arrow"></div>').insertAfter('div#block-81f793f6732ca49c6b80');
$('.down-arrow').on('click', function() {
    $('html, body').animate({
        scrollTop: $('section[data-section-id="66ceb595fe5b0f5c5cc4eb18"]').next().offset().top
    }, 500); 
});
</script>
<style>
.down-arrow {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex
;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    position: relative;
}
.down-arrow::before {
    content: '\e009';
    font-family: 'squarespace-ui-font';
    font-size: 20px;
    color: white;
}
</style>