span.highlight { position: relative; display: inline-block;}span.highlight::after { content: ""; position: absolute; bottom: -0.2em; left: 0.3em; right: 0.3em; height: 0.35em; background-color: var(--primary); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cpath d='M3 10 C30 7 50 13 100 9 S170 12 197 10' stroke='white' fill='none' stroke-width='8' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / 100% 100%; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cpath d='M3 10 C30 7 50 13 100 9 S170 12 197 10' stroke='white' fill='none' stroke-width='8' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / 100% 100%;}.link-animated { position: relative; text-decoration: none;}.link-animated::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 0.1em; background: currentColor; transition: width 0.3s ease;}.link-animated:hover::after,.link-animated:focus-visible::after { width: 100%;}@media (prefers-reduced-motion: reduce) { .link-animated::after { transition: none; width: 100%; opacity: 0; } .link-animated:hover::after, .link-animated:focus-visible::after { opacity: 1; }}