Subtle animation for custom themes- Full code for call to action section - https://www.shopify.com/partners/blog/text-animation-css

animated-cta-button.liquid

<div class="section-cta">
  <a href="{{ section.settings.link }}" class="btn-animated">
  <div class="btn-content">{{ section.settings.linktext }}</div></a>
</div>


{% schema %}
{
  "name": "Call to action",
  "settings": [
  {
    "id": "link",
    "type": "url",
    "label": "Button link"
  },
  {
    "id": "linktext",
    "type": "text",
    "label": "Button text",
    "default": "Click Here"
  }
]
}
{% endschema %}

{% stylesheet %}
{% endstylesheet %}

{% javascript %}
{% endjavascript %}