html[dir=rtl] .learnMore__icon{transform:rotate(180deg)translate(0)}html[dir=rtl] .learnMore:hover .learnMore__icon{animation-name:translateReverse}.learnMore{color:var(--hd-lightGreen);white-space:nowrap;flex-shrink:0;padding:.5rem 0;font-size:.875rem;display:inline-flex}@media screen and (min-width:768px){.learnMore{font-size:1rem}}@media screen and (min-width:1150px){.learnMore{font-size:1.125rem}}.learnMore:hover .learnMore__icon{perspective:1px;animation-name:translate;animation-duration:1s;animation-iteration-count:infinite}.learnMore__icon{flex-shrink:0;margin-inline-start:.5rem;display:flex}.learnMore__icon img{width:1rem}@media screen and (min-width:768px){.learnMore__icon img{width:1.25rem}}@media screen and (min-width:1150px){.learnMore__icon img{width:1.375rem}}@keyframes translate{0%{transform:translate(0)}50%{transform:translate(.125rem)}to{transform:translate(0)}}@keyframes translateReverse{0%{transform:rotate(180deg)translate(0)}50%{transform:rotate(180deg)translate(-.125rem)}to{transform:rotate(180deg)translate(0)}}