.fwp-icon{display:inline-block;width:1.15em;height:1.15em;vertical-align:-.15em;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
a .fwp-icon,button .fwp-icon{transition:transform .2s ease}
@media(hover:hover){a:hover>.fwp-icon,button:hover>.fwp-icon{transform:translate(2px,-2px)}}
[data-invite-motion].fwp-invite{animation:fwp-invite-nudge .65s ease-in-out 1;transform-origin:50% 70%}
[data-invite-motion]:focus-visible{animation:none}
@keyframes fwp-invite-nudge{0%,100%{transform:translateX(0) rotate(0)}25%{transform:translateX(-2px) rotate(-.35deg)}55%{transform:translateX(2px) rotate(.35deg)}80%{transform:translateX(-1px) rotate(0)}}
@media(prefers-reduced-motion:reduce){[data-invite-motion].fwp-invite{animation:none}a .fwp-icon,button .fwp-icon{transition:none}}
@media print{[data-invite-motion].fwp-invite{animation:none}}

/* Directional line icons also replace arrows inside text labels. */
@media(hover:hover){a:hover>.fwp-icon-right,button:hover>.fwp-icon-right{transform:translateX(2px)}a:hover>.fwp-icon-left,button:hover>.fwp-icon-left{transform:translateX(-2px)}a:hover>.fwp-icon-down,button:hover>.fwp-icon-down{transform:translateY(2px)}}