Animated border in Wordpress Greenshift

gistfile1.txt

<!-- wp:greenshift-blocks/container {"id":"gsbp-47d38c5b-f3dd","inlineCssStyles":"#gspb_container-id-gsbp-47d38c5b-f3dd.gspb_container{flex-direction: column;box-sizing: border-box;}#gspb_container-id-gsbp-47d38c5b-f3dd.gspb_container \u003e p:last-of-type{margin-bottom:0}.gspb_container{position:relative;}#gspb_container-id-gsbp-47d38c5b-f3dd.gspb_container{padding-top:4px;padding-right:4px;padding-bottom:4px;padding-left:4px;overflow:hidden;}","spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{"top":["4px"],"right":["4px"],"bottom":["4px"],"left":["4px"]},"locked":true},"overflow":["hidden"]}} -->
<div class="wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-47d38c5b-f3dd" id="gspb_container-id-gsbp-47d38c5b-f3dd"><!-- wp:greenshift-blocks/container {"id":"gsbp-fd128d36-3f19","inlineCssStyles":"#gspb_container-id-gsbp-fd128d36-3f19.gspb_container{flex-direction: column;box-sizing: border-box;}#gspb_container-id-gsbp-fd128d36-3f19.gspb_container \u003e p:last-of-type{margin-bottom:0}.gspb_container{position:relative;}#gspb_container-id-gsbp-fd128d36-3f19.gspb_container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px;column-gap:20px;grid-template:auto  / 0.6fr 1fr ;}@media (max-width: 575.98px){#gspb_container-id-gsbp-fd128d36-3f19.gspb_container{grid-template-columns:repeat(1,minmax(0,1fr));grid-template:auto  / 1fr ;}}body.gspb-bodyfront #gspb_container-id-gsbp-fd128d36-3f19.gspb_container{position:relative;z-index:2;}#gspb_container-id-gsbp-fd128d36-3f19.gspb_container{margin-bottom:0px;padding-top:25px;padding-right:15px;padding-bottom:45px;padding-left:15px;}#gspb_container-id-gsbp-fd128d36-3f19.gspb_container{background-color:#ffffff;}","flexbox":{"type":"grid","enable":false,"gridcolumns":[2,null,null,1],"columngap":[20],"rowgap":[20],"visualgrid":[{"columns":[{"sizetype":"default","size":"0.6fr","min":"200px","autofit":false},{"sizetype":"default","size":"1fr","min":"200px","autofit":false}],"rows":[{"sizetype":"default","size":"auto","min":"200px","autofit":false}]},null,null,{"columns":[{"sizetype":"default","size":"1fr","min":"200px","autofit":false}],"rows":[{"sizetype":"default","size":"auto","min":"200px","autofit":false}]}],"gridtemplate":["auto  / 0.6fr 1fr ",null,null,"auto  / 1fr "]},"background":{"color":"#ffffff"},"spacing":{"margin":{"values":{"bottom":["0px"]},"locked":false},"padding":{"values":{"top":["25px"],"right":["15px"],"bottom":["45px"],"left":["15px"]},"locked":false}},"position":{"positionType":["relative","","",""],"positions":{"values":{}},"Zindex":2},"displayStyles":false,"isVariation":"cssgrid"} -->
<div class="wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-fd128d36-3f19" id="gspb_container-id-gsbp-fd128d36-3f19"><!-- wp:greenshift-blocks/container {"id":"gsbp-2ebb7f67-6571","inlineCssStyles":"#gspb_container-id-gsbp-2ebb7f67-6571.gspb_container{flex-direction: column;box-sizing: border-box;}#gspb_container-id-gsbp-2ebb7f67-6571.gspb_container \u003e p:last-of-type{margin-bottom:0}.gspb_container{position:relative;}"} -->
<div class="wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-2ebb7f67-6571" id="gspb_container-id-gsbp-2ebb7f67-6571"><!-- wp:greenshift-blocks/image {"id":"gsbp-35361793-e09f","inlineCssStyles":"#gspb_image-id-gsbp-35361793-e09f img{vertical-align:top;}#gspb_image-id-gsbp-35361793-e09f img{display:inline-block;box-sizing:border-box;max-width:100%;height:auto;}","originalWidth":1200,"originalHeight":900,"mediaurl":"https://greenshiftwp.com/wp-content/uploads/2023/12/metallic_sky_bag_1-optimized.webp","mediaid":4279,"alt":""} -->
<div class="wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-35361793-e09f" id="gspb_image-id-gsbp-35361793-e09f"><img src="https://greenshiftwp.com/wp-content/uploads/2023/12/metallic_sky_bag_1-optimized.webp" data-src="" alt="" loading="lazy" width="1200" height="900"/></div>
<!-- /wp:greenshift-blocks/image --></div>
<!-- /wp:greenshift-blocks/container -->

<!-- wp:greenshift-blocks/container {"id":"gsbp-d4034ceb-af85","inlineCssStyles":"#gspb_container-id-gsbp-d4034ceb-af85.gspb_container{flex-direction: column;box-sizing: border-box;}#gspb_container-id-gsbp-d4034ceb-af85.gspb_container \u003e p:last-of-type{margin-bottom:0}.gspb_container{position:relative;}"} -->
<div class="wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-d4034ceb-af85" id="gspb_container-id-gsbp-d4034ceb-af85"><!-- wp:greenshift-blocks/heading {"id":"gsbp-c66dc386-4ae8","inlineCssStyles":"#gspb_heading-id-gsbp-c66dc386-4ae8{margin-top:0px;margin-bottom:20px;}","headingContent":"The best bag for women this year","spacing":{"margin":{"values":{"top":["0px"],"bottom":["20px"]},"locked":false},"padding":{"values":{},"locked":false}}} -->
<h2 id="gspb_heading-id-gsbp-c66dc386-4ae8" class="gspb_heading gspb_heading-id-gsbp-c66dc386-4ae8 ">The best bag for women this year</h2>
<!-- /wp:greenshift-blocks/heading -->

<!-- wp:greenshift-blocks/iconlist {"id":"gsbp-8efefcd1-e126","inlineCssStyles":"#gspb_iconsList-id-gsbp-8efefcd1-e126.gspb_iconsList .gspb_iconsList__item__text{margin-left: 15px;}#gspb_iconsList-id-gsbp-8efefcd1-e126.gspb_iconsList .gspb_iconsList__item{display:flex;flex-direction:row;align-items:center;position:relative;}#gspb_iconsList-id-gsbp-8efefcd1-e126.gspb_iconsList .gspb_iconsList__item svg path{fill:#2184f9 !important}body #gspb_iconsList-id-gsbp-8efefcd1-e126.gspb_iconsList .gspb_iconsList__item svg, body #gspb_iconsList-id-gsbp-8efefcd1-e126.gspb_iconsList .gspb_iconsList__item img{margin-top:0px!important;margin-right:0px!important;margin-bottom:0px!important;margin-left:0px!important;}#gspb_iconsList-id-gsbp-8efefcd1-e126.gspb_iconsList [data-id='0'] svg, #gspb_iconsList-id-gsbp-8efefcd1-e126.gspb_iconsList [data-id='0'] svg path{fill:#15d154 !important;}#gspb_iconsList-id-gsbp-8efefcd1-e126.gspb_iconsList [data-id='0'] svg{margin:0px !important;}#gspb_iconsList-id-gsbp-8efefcd1-e126.gspb_iconsList [data-id='1'] svg, #gspb_iconsList-id-gsbp-8efefcd1-e126.gspb_iconsList [data-id='1'] svg path{fill:#15d154 !important;}#gspb_iconsList-id-gsbp-8efefcd1-e126.gspb_iconsList [data-id='1'] svg{margin:0px !important;}#gspb_iconsList-id-gsbp-8efefcd1-e126.gspb_iconsList [data-id='2'] svg, #gspb_iconsList-id-gsbp-8efefcd1-e126.gspb_iconsList [data-id='2'] svg path{fill:#15d154 !important;}#gspb_iconsList-id-gsbp-8efefcd1-e126.gspb_iconsList [data-id='2'] svg{margin:0px !important;}","iconsList":[{"icon":{"icon":{"font":"rhicon rhi-check-circle","svg":"","image":""},"fill":"#15d154","fillhover":"","iconSize":[null,null,null,null],"rotateY":false,"rotateX":false,"type":"font"},"content":"Great design from designers"},{"icon":{"icon":{"font":"rhicon rhi-check-circle","svg":"","image":""},"fill":"#15d154","fillhover":"","iconSize":[null,null,null,null],"rotateY":false,"rotateX":false,"type":"font"},"content":"Best Leather quality and materials"},{"icon":{"icon":{"font":"rhicon rhi-check-circle","svg":"","image":""},"fill":"#15d154","fillhover":"","iconSize":[null,null,null,null],"rotateY":false,"rotateX":false,"type":"font"},"content":"Extra Low price"}]} -->
<div class="wp-block-greenshift-blocks-iconlist gspb_iconsList gspb_iconsList-id-gsbp-8efefcd1-e126" id="gspb_iconsList-id-gsbp-8efefcd1-e126"><div class="gspb_iconsList__item" data-id="0"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M512 16c-273.934 0-496 222.066-496 496s222.066 496 496 496 496-222.066 496-496-222.066-496-496-496zM512 112c221.064 0 400 178.902 400 400 0 221.064-178.902 400-400 400-221.064 0-400-178.902-400-400 0-221.064 178.902-400 400-400zM792.408 372.534l-45.072-45.436c-9.334-9.41-24.53-9.472-33.94-0.136l-282.704 280.432-119.584-120.554c-9.334-9.41-24.53-9.472-33.94-0.138l-45.438 45.072c-9.41 9.334-9.472 24.53-0.136 33.942l181.562 183.032c9.334 9.41 24.53 9.472 33.94 0.136l345.178-342.408c9.408-9.336 9.468-24.532 0.134-33.942z"></path></svg><span class="gspb_iconsList__item__text">Great design from designers</span></div><div class="gspb_iconsList__item" data-id="1"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M512 16c-273.934 0-496 222.066-496 496s222.066 496 496 496 496-222.066 496-496-222.066-496-496-496zM512 112c221.064 0 400 178.902 400 400 0 221.064-178.902 400-400 400-221.064 0-400-178.902-400-400 0-221.064 178.902-400 400-400zM792.408 372.534l-45.072-45.436c-9.334-9.41-24.53-9.472-33.94-0.136l-282.704 280.432-119.584-120.554c-9.334-9.41-24.53-9.472-33.94-0.138l-45.438 45.072c-9.41 9.334-9.472 24.53-0.136 33.942l181.562 183.032c9.334 9.41 24.53 9.472 33.94 0.136l345.178-342.408c9.408-9.336 9.468-24.532 0.134-33.942z"></path></svg><span class="gspb_iconsList__item__text">Best Leather quality and materials</span></div><div class="gspb_iconsList__item" data-id="2"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M512 16c-273.934 0-496 222.066-496 496s222.066 496 496 496 496-222.066 496-496-222.066-496-496-496zM512 112c221.064 0 400 178.902 400 400 0 221.064-178.902 400-400 400-221.064 0-400-178.902-400-400 0-221.064 178.902-400 400-400zM792.408 372.534l-45.072-45.436c-9.334-9.41-24.53-9.472-33.94-0.136l-282.704 280.432-119.584-120.554c-9.334-9.41-24.53-9.472-33.94-0.138l-45.438 45.072c-9.41 9.334-9.472 24.53-0.136 33.942l181.562 183.032c9.334 9.41 24.53 9.472 33.94 0.136l345.178-342.408c9.408-9.336 9.468-24.532 0.134-33.942z"></path></svg><span class="gspb_iconsList__item__text">Extra Low price</span></div></div>
<!-- /wp:greenshift-blocks/iconlist -->

<!-- wp:greenshift-blocks/text {"id":"gsbp-c2e35140-08b6","inlineCssStyles":".gspb_text-id-gsbp-c2e35140-08b6{font-size:16px;line-height:25px;}.gspb_text-id-gsbp-c2e35140-08b6{margin-top:20px!important;margin-bottom:20px!important;}","textContent":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vel justo ante. Nulla ullamcorper vehicula ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vel justo ante. Nulla ullamcorper vehicula ipsum.","spacing":{"margin":{"values":{"top":["20px"],"bottom":["20px"]},"locked":false},"padding":{"values":{},"locked":false}},"typography":{"textShadow":{},"size":["16px"],"line_height":["25px"]}} -->
<div id="gspb_text-id-gsbp-c2e35140-08b6" class="gspb_text gspb_text-id-gsbp-c2e35140-08b6 ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vel justo ante. Nulla ullamcorper vehicula ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vel justo ante. Nulla ullamcorper vehicula ipsum.</div>
<!-- /wp:greenshift-blocks/text -->

<!-- wp:greenshift-blocks/buttonbox {"id":"gsbp-a01dc7ca-533b","inlineCssStyles":"#gspb_button-id-gsbp-a01dc7ca-533b{display:flex; justify-content:flex-start;}#gspb_button-id-gsbp-a01dc7ca-533b .gspb-buttonbox-text{display:flex; flex-direction: column;}#gspb_button-id-gsbp-a01dc7ca-533b \u003e .gspb-buttonbox{box-sizing:border-box}#gspb_button-id-gsbp-a01dc7ca-533b \u003e .gspb-buttonbox{padding-top:8px;padding-right:25px;padding-bottom:8px;padding-left:25px;}#gspb_button-id-gsbp-a01dc7ca-533b \u003e .gspb-buttonbox{background-image:linear-gradient(135deg,rgb(64,129,246) 0%,rgb(128,104,250) 18%,rgb(255,128,170) 38%,rgb(255,103,88) 56%,rgb(255,101,24) 65%,rgb(255,177,36) 76%);}#gspb_button-id-gsbp-a01dc7ca-533b \u003e .gspb-buttonbox{font-size:20px;}#gspb_button-id-gsbp-a01dc7ca-533b \u003e .gspb-buttonbox{font-weight:bold!important;}","background":{"backgroundState":"Gradient","gradient":"linear-gradient(135deg,rgb(64,129,246) 0%,rgb(128,104,250) 18%,rgb(255,128,170) 38%,rgb(255,103,88) 56%,rgb(255,101,24) 65%,rgb(255,177,36) 76%)"},"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{"top":["8px"],"bottom":["8px"],"right":["25px"],"left":["25px"]},"locked":false}},"typography":{"textShadow":{},"size":["20px"],"customweight":"bold"}} -->
<div class="gspb_button_wrapper gspb_button-id-gsbp-a01dc7ca-533b" id="gspb_button-id-gsbp-a01dc7ca-533b"><a class="wp-block-greenshift-blocks-buttonbox gspb-buttonbox wp-element-button" rel="noopener"><span class="gspb-buttonbox-textwrap"><span class="gspb-buttonbox-text"><span class="gspb-buttonbox-title">Buy This Now!</span></span></span></a></div>
<!-- /wp:greenshift-blocks/buttonbox --></div>
<!-- /wp:greenshift-blocks/container --></div>
<!-- /wp:greenshift-blocks/container -->

<!-- wp:greenshift-blocks/container {"id":"gsbp-d24b43a4-7b70","inlineCssStyles":"#gspb_container-id-gsbp-d24b43a4-7b70.gspb_container{flex-direction: column;box-sizing: border-box;}#gspb_container-id-gsbp-d24b43a4-7b70.gspb_container \u003e p:last-of-type{margin-bottom:0}.gspb_container{position:relative;}body.gspb-bodyfront #gspb_container-id-gsbp-d24b43a4-7b70.gspb_container{position:absolute;z-index:1;top:-57%;right:-57%;bottom:-57%;left:-57%;}@keyframes csstransform-24434770 {100%{transform:  rotateZ(360deg); }}#gspb_container-id-gsbp-d24b43a4-7b70.gspb_container{animation:csstransform-24434770 4s infinite 0s ;animation-timing-function:linear;}#gspb_container-id-gsbp-d24b43a4-7b70.gspb_container{background-image:linear-gradient(90deg,rgb(254,100,89) 11%,rgb(254,221,64) 26%,rgb(83,231,171) 39%,rgb(82,219,255) 50%,rgb(105,103,226) 62%,rgb(254,88,227) 75%,rgb(254,100,89) 88%);}","background":{"backgroundState":"Gradient","gradient":"linear-gradient(90deg,rgb(254,100,89) 11%,rgb(254,221,64) 26%,rgb(83,231,171) 39%,rgb(82,219,255) 50%,rgb(105,103,226) 62%,rgb(254,88,227) 75%,rgb(254,100,89) 88%)"},"position":{"positionType":["absolute","","",""],"positions":{"values":{"top":["-57%"],"left":["-57%"],"bottom":["-57%"],"right":["-57%"]}},"Zindex":1},"csstransform":{"rotateZInfinite":"360","infinitetime":4}} -->
<div class="wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-d24b43a4-7b70" id="gspb_container-id-gsbp-d24b43a4-7b70"><!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:greenshift-blocks/container --></div>
<!-- /wp:greenshift-blocks/container -->