<!-- wp:greenshift-blocks/row {"id":"gsbp-e8035699-65d7","inlineCssStyles":null,"align":"full","rowType":"fixed-width","width":["800",null,null,null],"displayStyles":false,"background":{"color":"#000000"},"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{},"locked":false},"overflow":["hidden"]},"isVariation":"section","htmlTag":"section"} -->
<section class="wp-block-greenshift-blocks-row alignfull gspb_row gspb_row-id-gsbp-e8035699-65d7" id="gspb_row-id-gsbp-e8035699-65d7"><div class="gspb_row__content"> <!-- wp:greenshift-blocks/row-column {"id":"gsbp-c4cf1bd5-a786","inlineCssStyles":null,"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{"top":["100px"],"bottom":["100px"]},"locked":false}}} -->
<div class="wp-block-greenshift-blocks-row-column gspb_row__col--12 gspb_col-id-gsbp-c4cf1bd5-a786" id="gspb_col-id-gsbp-c4cf1bd5-a786"><!-- wp:greenshift-blocks/container {"id":"gsbp-2b16d2bd-f9ac","inlineCssStyles":null,"dynamicGClasses":[{"value":"gradientconic","type":"local","label":"gradientconic","localed":false,"css":"body .gradientconic{padding-top:2px;padding-right:2px;padding-bottom:2px;padding-left:2px;overflow:hidden;}body .gradientconic{border-top-left-radius:18px;border-top-right-radius:18px;border-bottom-right-radius:18px;border-bottom-left-radius:18px;}body .gradientconic{\nbox-shadow:inset 0 1px 1px 0 rgba(216,236,248,.2), inset 0 24px 48px 0 rgba(168,216,245,.06);\n    transition: background-color .45s cubic-bezier(.6,.6,0,1),box-shadow .45s cubic-bezier(.6,.6,0,1);\n}","attributes":{"responsive":{"customcss":"{CURRENT}{\nbox-shadow:inset 0 1px 1px 0 rgba(216,236,248,.2), inset 0 24px 48px 0 rgba(168,216,245,.06);\n    transition: background-color .45s cubic-bezier(.6,.6,0,1),box-shadow .45s cubic-bezier(.6,.6,0,1);\n}"},"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{"top":["2px"],"right":["2px"],"bottom":["2px"],"left":["2px"]},"locked":true},"overflow":["hidden"]},"border":{"borderRadius":{"values":{"topLeft":["18px"],"topRight":["18px"],"bottomRight":["18px"],"bottomLeft":["18px"]},"locked":true},"style":{},"size":{},"color":{},"styleHover":{},"sizeHover":{},"colorHover":{},"custom":{},"customEnabled":{},"preset":5}},"originalID":"gsbp-2b16d2bd-f9ac","originalBlock":"greenshift-blocks/container","selectors":[{"value":"::after","attributes":{"position":{"positionType":["absolute","","",""],"positions":{"values":{"top":["-300px"],"left":["-300px"],"bottom":["-300px"],"right":["-300px"]}}},"responsive":{"customcss":"{CURRENT}{\nbackground:conic-gradient(from calc(137.179deg), rgba(0, 0, 0, 0) 0deg, rgba(194, 204, 255, 0.7) 40%, rgba(0, 0, 0, 0) 45%);\n\n}"},"csstransform":{"rotateZInfinite":"360","infinitetime":4}},"css":"body .gradientconic::after{position:absolute;top:-300px;right:-300px;bottom:-300px;left:-300px;}body .gradientconic::after{\nbackground:conic-gradient(from calc(137.179deg), rgba(0, 0, 0, 0) 0deg, rgba(194, 204, 255, 0.7) 40%, rgba(0, 0, 0, 0) 45%);\n\n}@keyframes csstransform-NaN {100%{transform:  rotateZ(360deg); }}body .gradientconic::after{animation:csstransform-NaN 4s infinite 0s ;animation-timing-function:linear;}body .gradientconic::after{content: \u0022\u0022}"}]}],"className":"gradientconic"} -->
<div class="wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-2b16d2bd-f9ac gradientconic" id="gspb_container-id-gsbp-2b16d2bd-f9ac"><!-- wp:greenshift-blocks/container {"id":"gsbp-efdafd2f-602c","inlineCssStyles":null,"background":{"color":"#000000"},"border":{"borderRadius":{"values":{"topLeft":["18px"],"topRight":["18px"],"bottomRight":["18px"],"bottomLeft":["18px"]},"locked":true},"style":{},"size":{},"color":{},"styleHover":{},"sizeHover":{},"colorHover":{},"custom":{},"customEnabled":{},"preset":5},"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{"top":["40px"],"right":["30px"],"bottom":["50px"],"left":["30px"]},"locked":false}},"typography":{"textShadow":{},"color":"#ffffff","colorlinks":"#ffffff"},"position":{"positionType":["relative","","",""],"positions":{"values":{}},"Zindex":2}} -->
<div class="wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-efdafd2f-602c" id="gspb_container-id-gsbp-efdafd2f-602c"><!-- wp:greenshift-blocks/iconbox {"id":"gsbp-af69da84-7312","inlineCssStyles":null,"iconBox_icon":{"icon":{"font":"rhicon rhi-quote-left","svg":"","image":""},"fill":"#585a79","fillhover":"","type":"font","iconSize":["40px"],"iconSizeY":["40px"]}} -->
<div class="wp-block-greenshift-blocks-iconbox gspb_iconBox gspb_iconBox-id-gsbp-af69da84-7312" id="gspb_iconBox-id-gsbp-af69da84-7312"><div class="gspb_iconBox__wrapper" style="display:inline-flex"><svg class="" style="display:inline-block;vertical-align:middle" width="72" height="72" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M928 512h-160v-128c0-70.6 57.4-128 128-128h16c26.6 0 48-21.4 48-48v-96c0-26.6-21.4-48-48-48h-16c-176.8 0-320 143.2-320 320v480c0 53 43 96 96 96h256c53 0 96-43 96-96v-256c0-53-43-96-96-96zM352 512h-160v-128c0-70.6 57.4-128 128-128h16c26.6 0 48-21.4 48-48v-96c0-26.6-21.4-48-48-48h-16c-176.8 0-320 143.2-320 320v480c0 53 43 96 96 96h256c53 0 96-43 96-96v-256c0-53-43-96-96-96z"></path></svg></div></div>
<!-- /wp:greenshift-blocks/iconbox -->

<!-- wp:greenshift-blocks/text {"id":"gsbp-b9cd1c4d-c1f8","inlineCssStyles":null,"textContent":"\u003cem\u003eLorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vel justo ante. Nulla ullamcorper vehicula ipsum.\u003c/em\u003e","spacing":{"margin":{"values":{"top":["30px"]},"locked":false},"padding":{"values":{},"locked":false}},"typography":{"alignment":["center"],"textShadow":{},"size":["33px"],"line_height":["50px"]}} -->
<div id="gspb_text-id-gsbp-b9cd1c4d-c1f8" class="gspb_text gspb_text-id-gsbp-b9cd1c4d-c1f8 "><em>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vel justo ante. Nulla ullamcorper vehicula ipsum.</em></div>
<!-- /wp:greenshift-blocks/text --></div>
<!-- /wp:greenshift-blocks/container --></div>
<!-- /wp:greenshift-blocks/container --></div>
<!-- /wp:greenshift-blocks/row-column --> </div></section>
<!-- /wp:greenshift-blocks/row -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Documentation about <a href="https://greenshiftwp.com/fancy/animated-borders/" target="_blank" rel="noreferrer noopener">animated border</a></p>
<!-- /wp:paragraph -->

Copy code