Needs

• Custom Icon Block ( Handle SVG, External Icon )
• Custom CSS Block ( Load This CSS in Block Editor )
• Section Block ( Scoped CSS inside this Inner )
• Icon Inside Button

<!-- wp:group {"tagName":"section","align":"full","className":"sticky-scroll-wrapper","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"},"bemClass":"sticky-scroll-wrapper","customCSS":".sticky-scroll-wrapper {\n  position: relative;\n  width: 100%;\n}\n\n.sticky-section-item {\n  position: sticky;\n  top: 0;\n  height: 100vh;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  box-sizing: border-box;\n  padding: 4rem;\n  overflow: hidden;\n  margin: 0 !important;\n}\n\n"} -->
<section class="wp-block-group alignfull sticky-scroll-wrapper" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0"><!-- wp:group {"tagName":"section","align":"full","className":"sticky-section-item section-1","style":{"background":{"gradient":"var:preset|gradient|electric-grass"},"spacing":{"padding":{"top":"0","bottom":"0"},"margin":{"top":"0px","bottom":"0px"},"blockGap":"0"}},"layout":{"type":"constrained"},"bemClass":"sticky-section-item section-1"} -->
<section class="wp-block-group alignfull sticky-section-item section-1" style="margin-top:0px;margin-bottom:0px;padding-top:0;padding-bottom:0"><!-- wp:heading {"align":"full"} -->
<h2 class="wp-block-heading alignfull">01 / Section One</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"full"} -->
<p class="alignfull">Description</p>
<!-- /wp:paragraph --></section>
<!-- /wp:group -->

<!-- wp:group {"tagName":"section","align":"full","className":"sticky-section-item section-2","style":{"background":{"gradient":"var:preset|gradient|cool-to-warm-spectrum"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"},"bemClass":"sticky-section-item section-2"} -->
<section class="wp-block-group alignfull sticky-section-item section-2" style="margin-top:0;margin-bottom:0"><!-- wp:heading {"align":"full"} -->
<h2 class="wp-block-heading alignfull">02 / Section Two</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"full"} -->
<p class="alignfull">Description</p>
<!-- /wp:paragraph --></section>
<!-- /wp:group -->

<!-- wp:group {"tagName":"section","align":"full","className":"sticky-section-item section-3","style":{"background":{"gradient":"var:preset|gradient|luminous-dusk"}},"layout":{"type":"constrained"},"bemClass":"sticky-section-item section-3"} -->
<section class="wp-block-group alignfull sticky-section-item section-3"><!-- wp:heading {"align":"full"} -->
<h2 class="wp-block-heading alignfull">03 / Section Three</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"full","style":{"typography":{"textAlign":"left"}}} -->
<p class="has-text-align-left alignfull">Description</p>
<!-- /wp:paragraph --></section>
<!-- /wp:group -->

<!-- wp:group {"tagName":"section","align":"full","className":"sticky-section-item section-4","style":{"background":{"gradient":"var:preset|gradient|vivid-cyan-blue-to-vivid-purple"}},"layout":{"type":"constrained"},"bemClass":"sticky-section-item section-4"} -->
<section class="wp-block-group alignfull sticky-section-item section-4"><!-- wp:heading {"align":"full"} -->
<h2 class="wp-block-heading alignfull">04 / Section Four</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"full"} -->
<p class="alignfull">Description</p>
<!-- /wp:paragraph --></section>
<!-- /wp:group --></section>
<!-- /wp:group -->