Secondary Button 

<!-- Secondary Cta -->
<div class="pl-spacer-s">
    <a href="#" class="secondary-cta " role="button">
        Secondary CTA
    </a>
</div>


<!-- Secondary Cta Focus -->
<div class="pl-spacer-s">
    <a href="#" class="secondary-cta  is-focus" role="button">
        Focus
    </a>
</div>


<!-- Secondary Cta Active -->
<div class="pl-spacer-s">
    <a href="#" class="secondary-cta  is-active" role="button">
        Active
    </a>
</div>


<!-- Secondary Cta Hover -->
<div class="pl-spacer-s">
    <a href="#" class="secondary-cta  is-hover" role="button">
        Hover
    </a>
</div>


<!-- Secondary Cta Disabled -->
<div class="pl-spacer-s">
    <a href="#" class="secondary-cta  is-disabled" role="button">
        Disabled
    </a>
</div>


{{> @button }}
 
/* Secondary Cta */
{
  "theme": "default",
  "firstInstance": true,
  "url": "#",
  "text": "Secondary CTA",
  "style": "secondary-cta"
}


/* Secondary Cta Focus */
{
  "theme": "default",
  "firstInstance": true,
  "url": "#",
  "text": "Focus",
  "style": "secondary-cta",
  "isFocus": true
}


/* Secondary Cta Active */
{
  "theme": "default",
  "firstInstance": true,
  "url": "#",
  "text": "Active",
  "style": "secondary-cta",
  "isActive": true
}


/* Secondary Cta Hover */
{
  "theme": "default",
  "firstInstance": true,
  "url": "#",
  "text": "Hover",
  "style": "secondary-cta",
  "isHover": true
}


/* Secondary Cta Disabled */
{
  "theme": "default",
  "firstInstance": true,
  "url": "#",
  "text": "Disabled",
  "style": "secondary-cta",
  "isDisabled": true
}

No notes defined.