Scroll down button not working in Webflow

I'm trying to link scroll down button to the next section of my site in Webflow. I've used a link block to achieve the same. I have also used a code for snap scrolling of my site's various sections. The scroll down button however is not working and landing to the next section of the page. I have also created section ID to link the button, nothing seems to be working. Is there any solution for this? TIA

Here's the code I had used for snap scrolling:

<style>
.scroll-snap-wrapper {
    scroll-snap-type: y mandatory;
}
.section-1 {
    scroll-snap-align: start;
}
</style>