@import url("features.css");.three-ways { --brand-dark:color-mix(in srgb, var(--brand-color) 70%, black); .audience { display:inline-block; margin-top:0; padding:4px 12px; border-radius:999px; background-color:color-mix(in srgb, var(--brand-color) 12%, transparent); color:var(--brand-dark); font-size:0.85em; font-weight:600; letter-spacing:0.01em; } .cta { display:flex; flex-wrap:wrap; gap:var(--gutter-half) var(--gutter); margin-top:var(--gutter); a { color:var(--brand-dark); font-weight:700; text-decoration:none; border-bottom:2px solid color-mix(in srgb, var(--brand-color) 35%, transparent); padding-bottom:2px; transition:border-color 0.2s, color 0.2s; &::after { content:"\2192"; display:inline-block; margin-left:6px; transition:transform 0.2s; } &:hover { color:var(--brand-color); border-bottom-color:var(--brand-color); &::after { transform:translateX(4px); } } } }}@media (prefers-reduced-motion:reduce) { .three-ways .cta a, .three-ways .cta a::after { transition:none; }}/* Cache CSSParserMiddleware_www.synchub.io_/Pages/styles/home.css_False_HTML_32611111828 12 Nov 12:20:51Z */