<?php

/**
 * Title: Buttons
 * Slug: linkhub/buttons
 * Categories: linkhub/patterns, call-to-action
 */
?>

<!-- wp:heading {"textAlign":"center","level":5,"style":{"spacing":{"margin":{"top":"0.35em","bottom":"0.6em"}}}} -->
<h5 class="wp-block-heading has-text-align-center" style="margin-top:0.35em;margin-bottom:0.6em"><?php echo __('Features', 'linkhub'); ?></h5>
<!-- /wp:heading -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","orientation":"vertical"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textAlign":"center","textColor":"grey","style":{"border":{"radius":"4px","width":"1px"},"elements":{"link":{"color":{"text":"var:preset|color|grey"}}}},"borderColor":"grey","className":"is-style-outline"} -->
    <div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-grey-color has-text-color has-link-color has-border-color has-grey-border-color has-text-align-center wp-element-button" href="#" style="border-width:1px;border-radius:4px" target="_blank" rel="noreferrer noopener"><?php echo __('Minimal <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-success-color">New</mark>', 'linkhub'); ?></a></div>
    <!-- /wp:button -->

    <!-- wp:button {"textAlign":"center","textColor":"grey","style":{"border":{"radius":"4px","width":"1px"},"elements":{"link":{"color":{"text":"var:preset|color|grey"}}}},"className":"is-style-outline"} -->
    <div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-grey-color has-text-color has-link-color has-text-align-center wp-element-button" href="#" style="border-width:1px;border-radius:4px" target="_blank" rel="noreferrer noopener"><?php echo __('Lightweight', 'linkhub'); ?></a></div>
    <!-- /wp:button -->

    <!-- wp:button {"textColor":"grey","style":{"border":{"radius":"4px","width":"1px"},"elements":{"link":{"color":{"text":"var:preset|color|grey"}}}},"className":"is-style-outline"} -->
    <div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-grey-color has-text-color has-link-color wp-element-button" href="#" style="border-width:1px;border-radius:4px" target="_blank" rel="noreferrer noopener"><?php echo __('<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-success-color">Dark</mark> Style Included', 'linkhub'); ?></a></div>
    <!-- /wp:button -->
</div>
<!-- /wp:buttons -->

<!-- wp:heading {"textAlign":"center","level":5,"style":{"spacing":{"margin":{"top":"0.35em","bottom":"0.6em"}}},"textColor":"font-color"} -->
<h5 class="wp-block-heading has-text-align-center has-font-color-color has-text-color" style="margin-top:0.35em;margin-bottom:0.6em"><?php echo __('Usage', 'linkhub'); ?></h5>
<!-- /wp:heading -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","orientation":"vertical"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textAlign":"center","textColor":"grey","style":{"border":{"radius":"4px","width":"1px"},"elements":{"link":{"color":{"text":"var:preset|color|grey"}}}},"borderColor":"grey","className":"is-style-outline"} -->
    <div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-grey-color has-text-color has-link-color has-border-color has-grey-border-color has-text-align-center wp-element-button" href="#" style="border-width:1px;border-radius:4px" target="_blank" rel="noreferrer noopener"><?php echo __('Customize Social Icons', 'linkhub'); ?></a></div>
    <!-- /wp:button -->

    <!-- wp:button {"textColor":"grey","style":{"border":{"radius":"4px","width":"1px"},"elements":{"link":{"color":{"text":"var:preset|color|grey"}}}},"className":"is-style-outline"} -->
    <div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-grey-color has-text-color has-link-color wp-element-button" href="#" style="border-width:1px;border-radius:4px" target="_blank" rel="noreferrer noopener"><?php echo __('Add Links', 'linkhub'); ?></a></div>
    <!-- /wp:button -->
</div>
<!-- /wp:buttons -->