<?php
/**
 * Title: Button Light
 * Slug: pixetiq/pixetiq-button-light
 * Categories: banners, featured, call-to-action,
 * Viewport width: 1400
 */
?>

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"white","textColor":"light-gray","metadata":{"categories":["banners","featured","call-to-action"],"patternName":"pixetiq/pixetiq-button-light","name":"Button Light"},"style":{"border":{"radius":"10px","width":"1px"},"spacing":{"padding":{"left":"22px","right":"22px","top":"16px","bottom":"16px"}},"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"600","lineHeight":"1.4"},"elements":{"link":{"color":{"text":"var:preset|color|light-gray"}}}},"borderColor":"border-light"} -->
<div class="wp-block-button has-custom-font-size" style="font-size:16px;font-style:normal;font-weight:600;line-height:1.4"><a class="wp-block-button__link has-light-gray-color has-white-background-color has-text-color has-background has-link-color has-border-color has-border-light-border-color wp-element-button" style="border-width:1px;border-radius:10px;padding-top:16px;padding-right:22px;padding-bottom:16px;padding-left:22px"><?php esc_html_e('Light', 'pixetiq');?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->