SiteOrigin CSS + Animate It!

Hey guys,
thanks for your awesome work! I’m new to CSS and have a question:

My goal is to animate one specific icon of a SiteOrigin Features Widget with Animate It!.
I used your CSS visual editor to target the icon and underline it…

.so-widget-sow-features-default-178e322a1a17 .sow-features-list .sow-features-feature .sow-icon-container [class^="sow-icon-"] {
  text-decoration: underline;
}

so that I can replace it with an example Animate It! class (animated spinner duration1 infinite):

.so-widget-sow-features-default-178e322a1a17 .sow-features-list .sow-features-feature .sow-icon-container [class^="sow-icon-"] {
  animated: spinner duration1 infinite;
}

But unfortunately I get the warning: “Unknown property ‘animated’.
I would appreciate some help on how to get this done. :)