---
cta_arrow_color: "bc-white"
---
{{#
/**
 * @name cta-button
 * @description A partial for a CTA Button
 * @property {string} cta_url - Button's `href` link
 * @property {string} cta_button_text - Button's text
 * @property {string} [cta_button_color] - Button's color class
 * @todo Set up defaults for vars
 */
#}}
<a href="{{ cta_url }}" class="link inline-block {{ custom_cta_class }}">
  <button class="button-reset body {{ cta_button_color }} {{ cta_text_color }} {{ if cta_button_color=='bg-ocean' }}hover-cta-ocean{{ elseif cta_button_color=='bg-banana' }}hover-cta-banana{{ elseif cta_button_color=='bg-slate' }}hover-cta-slate{{ else }}hover-cta{{ /if }} hover-rarr py-4 px-8 br-2 bs-none fs-4 fw-600 lh-6 pointer">
    {{ cta_button_text }}
    <i class="rarr {{ cta_arrow_color }}"></i>
  </button>
</a>