<!-- wp:paragraph -->
<p>Click the first <strong>visited link</strong> to display the <code>:visited</code> style.</p>
<!-- /wp:paragraph -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:code -->
<pre class="wp-block-code"><code>Fill style, default text and background colors</code></pre>
<!-- /wp:code -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="http://new.example.com/">new link</a></div>
<!-- /wp:button -->

<!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="#">visited link</a></div>
<!-- /wp:button -->

<!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button">no href</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:code -->
<pre class="wp-block-code"><code>Fill style, Blue text color, default background color</code></pre>
<!-- /wp:code -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"blue"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-blue-color has-text-color wp-element-button" href="http://new.example.com/">new link</a></div>
<!-- /wp:button -->

<!-- wp:button {"textColor":"blue"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-blue-color has-text-color wp-element-button" href="#">visited link</a></div>
<!-- /wp:button -->

<!-- wp:button {"textColor":"blue"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-blue-color has-text-color wp-element-button">no href</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:code -->
<pre class="wp-block-code"><code>Fill style, #B31919 custom text color, default background color</code></pre>
<!-- /wp:code -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"color":{"text":"#b31919"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-text-color wp-element-button" href="http://new.example.com/" style="color:#b31919">new link</a></div>
<!-- /wp:button -->

<!-- wp:button {"style":{"color":{"text":"#b31919"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-text-color wp-element-button" href="#" style="color:#b31919">visited link</a></div>
<!-- /wp:button -->

<!-- wp:button {"style":{"color":{"text":"#b31919"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-text-color wp-element-button" style="color:#b31919">no href</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:code -->
<pre class="wp-block-code"><code>Fill style, Blue text color, Light Gray background color</code></pre>
<!-- /wp:code -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"light-gray","textColor":"blue"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-blue-color has-light-gray-background-color has-text-color has-background wp-element-button" href="http://new.example.com/">new link</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"light-gray","textColor":"blue"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-blue-color has-light-gray-background-color has-text-color has-background wp-element-button" href="#">visited link</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"light-gray","textColor":"blue"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-blue-color has-light-gray-background-color has-text-color has-background wp-element-button">no href</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:code -->
<pre class="wp-block-code"><code>Fill style, #B31919 custom dark text color, Light Gray background color</code></pre>
<!-- /wp:code -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"light-gray","style":{"color":{"text":"#b31919"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-light-gray-background-color has-text-color has-background wp-element-button" href="http://new.example.com/" style="color:#b31919">new link</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"light-gray","style":{"color":{"text":"#b31919"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-light-gray-background-color has-text-color has-background wp-element-button" href="#" style="color:#b31919">visited link</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"light-gray","style":{"color":{"text":"#b31919"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-light-gray-background-color has-text-color has-background wp-element-button" style="color:#b31919">no href</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:code -->
<pre class="wp-block-code"><code>Fill style, Light Gray text color, Blue background color</code></pre>
<!-- /wp:code -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"blue","textColor":"light-gray"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-light-gray-color has-blue-background-color has-text-color has-background wp-element-button" href="http://new.example.com/">new link</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"blue","textColor":"light-gray"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-light-gray-color has-blue-background-color has-text-color has-background wp-element-button" href="#">visited link</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"blue","textColor":"light-gray"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-light-gray-color has-blue-background-color has-text-color has-background wp-element-button">no href</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:code -->
<pre class="wp-block-code"><code>Fill style, Light Gray text color, #B31919 custom dark background color</code></pre>
<!-- /wp:code -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"light-gray","style":{"color":{"background":"#b31919"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-light-gray-color has-text-color has-background wp-element-button" href="http://new.example.com/" style="background-color:#b31919">new link</a></div>
<!-- /wp:button -->

<!-- wp:button {"textColor":"light-gray","style":{"color":{"background":"#b31919"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-light-gray-color has-text-color has-background wp-element-button" href="#" style="background-color:#b31919">visited link</a></div>
<!-- /wp:button -->

<!-- wp:button {"textColor":"light-gray","style":{"color":{"background":"#b31919"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-light-gray-color has-text-color has-background wp-element-button" style="background-color:#b31919">no href</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:code -->
<pre class="wp-block-code"><code>Fill style, Blue text color, #B4FBB4 custom light background color</code></pre>
<!-- /wp:code -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"blue","style":{"color":{"background":"#b4fbb4"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-blue-color has-text-color has-background wp-element-button" href="http://new.example.com/" style="background-color:#b4fbb4">new link</a></div>
<!-- /wp:button -->

<!-- wp:button {"textColor":"blue","style":{"color":{"background":"#b4fbb4"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-blue-color has-text-color has-background wp-element-button" href="#" style="background-color:#b4fbb4">visited link</a></div>
<!-- /wp:button -->

<!-- wp:button {"textColor":"blue","style":{"color":{"background":"#b4fbb4"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-blue-color has-text-color has-background wp-element-button" style="background-color:#b4fbb4">no href</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:code -->
<pre class="wp-block-code"><code>Fill style, #B4FBB4 custom light text color, Dark Gray background color</code></pre>
<!-- /wp:code -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"dark-gray","style":{"color":{"text":"#b4fbb4"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-dark-gray-background-color has-text-color has-background wp-element-button" href="http://new.example.com/" style="color:#b4fbb4">new link</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"dark-gray","style":{"color":{"text":"#b4fbb4"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-dark-gray-background-color has-text-color has-background wp-element-button" href="#" style="color:#b4fbb4">visited link</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"dark-gray","style":{"color":{"text":"#b4fbb4"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-dark-gray-background-color has-text-color has-background wp-element-button" style="color:#b4fbb4">no href</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:code -->
<pre class="wp-block-code"><code>Fill style, #B4FBB4 custom light text color, #3847B9 custom dark background color</code></pre>
<!-- /wp:code -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"color":{"text":"#b4fbb4","background":"#3847b9"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-text-color has-background wp-element-button" href="http://new.example.com/" style="color:#b4fbb4;background-color:#3847b9">new link</a></div>
<!-- /wp:button -->

<!-- wp:button {"style":{"color":{"text":"#b4fbb4","background":"#3847b9"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-text-color has-background wp-element-button" href="#" style="color:#b4fbb4;background-color:#3847b9">visited link</a></div>
<!-- /wp:button -->

<!-- wp:button {"style":{"color":{"text":"#b4fbb4","background":"#3847b9"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-text-color has-background wp-element-button" style="color:#b4fbb4;background-color:#3847b9">no href</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:code -->
<pre class="wp-block-code"><code>Fill style, #B31919 custom dark text color, #FFD9A9 custom light background color</code></pre>
<!-- /wp:code -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"color":{"background":"#ffd9a9","text":"#b31919"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-text-color has-background wp-element-button" href="http://new.example.com/" style="color:#b31919;background-color:#ffd9a9">new link</a></div>
<!-- /wp:button -->

<!-- wp:button {"style":{"color":{"background":"#ffd9a9","text":"#b31919"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-text-color has-background wp-element-button" href="#" style="color:#b31919;background-color:#ffd9a9">visited link</a></div>
<!-- /wp:button -->

<!-- wp:button {"style":{"color":{"background":"#ffd9a9","text":"#b31919"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-text-color has-background wp-element-button" style="color:#b31919;background-color:#ffd9a9">no href</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:code -->
<pre class="wp-block-code"><code>Fill style, default text color, Light Gray background color</code></pre>
<!-- /wp:code -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"light-gray"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-light-gray-background-color has-background wp-element-button" href="http://new.example.com/">new link</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"light-gray"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-light-gray-background-color has-background wp-element-button" href="#">visited link</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"light-gray"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-light-gray-background-color has-background wp-element-button">no href</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:code -->
<pre class="wp-block-code"><code>Fill style, default text color, #B4FBB4 custom light background color</code></pre>
<!-- /wp:code -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"color":{"background":"#b4fbb4"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-background wp-element-button" href="http://new.example.com/" style="background-color:#b4fbb4">new link</a></div>
<!-- /wp:button -->

<!-- wp:button {"style":{"color":{"background":"#b4fbb4"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-background wp-element-button" href="#" style="background-color:#b4fbb4">visited link</a></div>
<!-- /wp:button -->

<!-- wp:button {"style":{"color":{"background":"#b4fbb4"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-background wp-element-button" style="background-color:#b4fbb4">no href</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:code -->
<pre class="wp-block-code"><code>Outline style, default text and background colors</code></pre>
<!-- /wp:code -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="http://new.example.com/">new link</a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="#">visited link</a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button">no href</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:code -->
<pre class="wp-block-code"><code>Outline style, Blue text color, default background color</code></pre>
<!-- /wp:code -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"blue","className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-blue-color has-text-color wp-element-button" href="http://new.example.com/">new link</a></div>
<!-- /wp:button -->

<!-- wp:button {"textColor":"blue","className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-blue-color has-text-color wp-element-button" href="#">visited link</a></div>
<!-- /wp:button -->

<!-- wp:button {"textColor":"blue","className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-blue-color has-text-color wp-element-button">no href</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:code -->
<pre class="wp-block-code"><code>Outline style, #B31919 custom text color, default background color</code></pre>
<!-- /wp:code -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline","style":{"color":{"text":"#b31919"}}} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-text-color wp-element-button" href="http://new.example.com/" style="color:#b31919">new link</a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-outline","style":{"color":{"text":"#b31919"}}} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-text-color wp-element-button" href="#" style="color:#b31919">visited link</a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-outline","style":{"color":{"text":"#b31919"}}} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-text-color wp-element-button" style="color:#b31919">no href</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:code -->
<pre class="wp-block-code"><code>Outline style, Blue text color, Light Gray background color</code></pre>
<!-- /wp:code -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"light-gray","textColor":"blue","className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-blue-color has-light-gray-background-color has-text-color has-background wp-element-button" href="http://new.example.com/">new link</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"light-gray","textColor":"blue","className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-blue-color has-light-gray-background-color has-text-color has-background wp-element-button" href="#">visited link</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"light-gray","textColor":"blue","className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-blue-color has-light-gray-background-color has-text-color has-background wp-element-button">no href</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:code -->
<pre class="wp-block-code"><code>Outline style, #B31919 custom dark text color, Light Gray background color</code></pre>
<!-- /wp:code -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"light-gray","className":"is-style-outline","style":{"color":{"text":"#b31919"}}} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-light-gray-background-color has-text-color has-background wp-element-button" href="http://new.example.com/" style="color:#b31919">new link</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"light-gray","className":"is-style-outline","style":{"color":{"text":"#b31919"}}} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-light-gray-background-color has-text-color has-background wp-element-button" href="#" style="color:#b31919">visited link</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"light-gray","className":"is-style-outline","style":{"color":{"text":"#b31919"}}} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-light-gray-background-color has-text-color has-background wp-element-button" style="color:#b31919">no href</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:code -->
<pre class="wp-block-code"><code>Outline style, Light Gray text color, Blue background color</code></pre>
<!-- /wp:code -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"blue","textColor":"light-gray","className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-light-gray-color has-blue-background-color has-text-color has-background wp-element-button" href="http://new.example.com/">new link</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"blue","textColor":"light-gray","className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-light-gray-color has-blue-background-color has-text-color has-background wp-element-button" href="#">visited link</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"blue","textColor":"light-gray","className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-light-gray-color has-blue-background-color has-text-color has-background wp-element-button">no href</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:code -->
<pre class="wp-block-code"><code>Outline style, Light Gray text color, #B31919 custom dark background color</code></pre>
<!-- /wp:code -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"light-gray","className":"is-style-outline","style":{"color":{"background":"#b31919"}}} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-light-gray-color has-text-color has-background wp-element-button" href="http://new.example.com/" style="background-color:#b31919">new link</a></div>
<!-- /wp:button -->

<!-- wp:button {"textColor":"light-gray","className":"is-style-outline","style":{"color":{"background":"#b31919"}}} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-light-gray-color has-text-color has-background wp-element-button" href="#" style="background-color:#b31919">visited link</a></div>
<!-- /wp:button -->

<!-- wp:button {"textColor":"light-gray","className":"is-style-outline","style":{"color":{"background":"#b31919"}}} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-light-gray-color has-text-color has-background wp-element-button" style="background-color:#b31919">no href</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:code -->
<pre class="wp-block-code"><code>Outline style, Blue text color, #B4FBB4 custom light background color</code></pre>
<!-- /wp:code -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"blue","className":"is-style-outline","style":{"color":{"background":"#b4fbb4"}}} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-blue-color has-text-color has-background wp-element-button" href="http://new.example.com/" style="background-color:#b4fbb4">new link</a></div>
<!-- /wp:button -->

<!-- wp:button {"textColor":"blue","className":"is-style-outline","style":{"color":{"background":"#b4fbb4"}}} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-blue-color has-text-color has-background wp-element-button" href="#" style="background-color:#b4fbb4">visited link</a></div>
<!-- /wp:button -->

<!-- wp:button {"textColor":"blue","className":"is-style-outline","style":{"color":{"background":"#b4fbb4"}}} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-blue-color has-text-color has-background wp-element-button" style="background-color:#b4fbb4">no href</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:code -->
<pre class="wp-block-code"><code>Outline style, #B4FBB4 custom light text color, Dark Gray background color</code></pre>
<!-- /wp:code -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"dark-gray","className":"is-style-outline","style":{"color":{"text":"#b4fbb4"}}} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-dark-gray-background-color has-text-color has-background wp-element-button" href="http://new.example.com/" style="color:#b4fbb4">new link</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"dark-gray","className":"is-style-outline","style":{"color":{"text":"#b4fbb4"}}} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-dark-gray-background-color has-text-color has-background wp-element-button" href="#" style="color:#b4fbb4">visited link</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"dark-gray","className":"is-style-outline","style":{"color":{"text":"#b4fbb4"}}} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-dark-gray-background-color has-text-color has-background wp-element-button" style="color:#b4fbb4">no href</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:code -->
<pre class="wp-block-code"><code>Outline style, #B4FBB4 custom light text color, #3847B9 custom dark background color</code></pre>
<!-- /wp:code -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline","style":{"color":{"text":"#b4fbb4","background":"#3847b9"}}} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-text-color has-background wp-element-button" href="http://new.example.com/" style="color:#b4fbb4;background-color:#3847b9">new link</a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-outline","style":{"color":{"text":"#b4fbb4","background":"#3847b9"}}} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-text-color has-background wp-element-button" href="#" style="color:#b4fbb4;background-color:#3847b9">visited link</a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-outline","style":{"color":{"text":"#b4fbb4","background":"#3847b9"}}} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-text-color has-background wp-element-button" style="color:#b4fbb4;background-color:#3847b9">no href</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:code -->
<pre class="wp-block-code"><code>Outline style, #B31919 custom dark text color, #FFD9A9 custom light background color</code></pre>
<!-- /wp:code -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline","style":{"color":{"background":"#ffd9a9","text":"#b31919"}}} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-text-color has-background wp-element-button" href="http://new.example.com/" style="color:#b31919;background-color:#ffd9a9">new link</a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-outline","style":{"color":{"background":"#ffd9a9","text":"#b31919"}}} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-text-color has-background wp-element-button" href="#" style="color:#b31919;background-color:#ffd9a9">visited link</a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-outline","style":{"color":{"background":"#ffd9a9","text":"#b31919"}}} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-text-color has-background wp-element-button" style="color:#b31919;background-color:#ffd9a9">no href</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:code -->
<pre class="wp-block-code"><code>Outline style, default text color, Light Gray background color</code></pre>
<!-- /wp:code -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"light-gray","className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-light-gray-background-color has-background wp-element-button" href="http://new.example.com/">new link</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"light-gray","className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-light-gray-background-color has-background wp-element-button" href="#">visited link</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"light-gray","className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-light-gray-background-color has-background wp-element-button">no href</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:code -->
<pre class="wp-block-code"><code>Outline style, default text color, #B4FBB4 custom light background color</code></pre>
<!-- /wp:code -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline","style":{"color":{"background":"#b4fbb4"}}} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-background wp-element-button" href="http://new.example.com/" style="background-color:#b4fbb4">new link</a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-outline","style":{"color":{"background":"#b4fbb4"}}} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-background wp-element-button" href="#" style="background-color:#b4fbb4">visited link</a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-outline","style":{"color":{"background":"#b4fbb4"}}} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-background wp-element-button" style="background-color:#b4fbb4">no href</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:paragraph -->
<p><br>Paragraph with standard <a href="http://new.example.com/">new link</a> and <a href="#">visited link</a> in content</p>
<!-- /wp:paragraph -->