/* The same forward affordance is used in cards, contact links and CTAs. */
:root svg.action-arrow{display:inline-block;box-sizing:border-box;width:28px;height:28px;min-width:28px;flex:0 0 28px;padding:6px;border:1px solid currentColor;border-radius:50%;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;opacity:1;transform:none;transition:background .2s}
:root :is(.footer-arrow,.feature-arrow,.shortcut-arrow){display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;padding:0;border:0;border-radius:0;background:none;color:inherit;opacity:1;transform:none}
:root :is(a,button):hover :is(.footer-arrow,.feature-arrow,.shortcut-arrow){background:none;color:inherit;border-color:transparent;transform:none;opacity:1}
:root :is(.footer-card,.feature-card,.quick-links a):hover .action-arrow{background:color-mix(in srgb,currentColor 10%,transparent);transform:none}
.footer-arrow{margin-left:auto}
.footer-legal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.footer-document-link{display:inline-flex;align-items:center;gap:12px;padding:8px 12px;min-height:44px;border:1px solid #ffffff38;border-radius:12px;font-size:12px;font-weight:600;color:#f3eee2}
.footer-document-link:hover{background:#ffffff0d;border-color:#d6b151}
.footer-document-link .action-arrow{color:#d6b151}
:root .footer-card{background:#2d2a25;border-color:#ffffff24;min-height:76px;padding:14px 18px;gap:14px}
:root .footer-card:hover{background:#36322c;transform:translateX(2px)}
:root .footer-card-icon{width:44px;height:44px;border-radius:13px}
:root .footer-card[data-contact=whatsapp] .footer-card-icon{background:#1fae54;color:#fff}
:root .footer-card[data-contact=telegram] .footer-card-icon{background:#2a9bd6;color:#fff}
:root .footer-card[data-contact=whatsapp]:hover{border-color:#1fae54b3}
:root .footer-card[data-contact=telegram]:hover{border-color:#2a9bd6b3}
:root .footer-card .footer-arrow{color:#ffffffb3}
.contact-card-action,.info-go,.svc-more,.hero-link{align-items:center;gap:10px}
.hero-link{display:inline-flex}
.post-body b{display:inline-flex;align-items:center;gap:10px}
.post-body b::after{content:none}
:root .pg-btn:has(.action-arrow){gap:10px}
:root .feature-card:hover .feature-arrow{transform:none}
/* About-page channels use the same circled SVG, rendered as a decorative asset. */
:root .ab-quote .channel-row .channel::after{box-sizing:border-box;width:28px;height:28px;flex:0 0 28px;border:1px solid currentColor;border-radius:50%;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='white' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' d='M4 12h16m-7-7 7 7-7 7'/%3E%3C/svg%3E") center/14px no-repeat;mask:none;-webkit-mask:none;transform:none;color:#ffffffb3}
@media(max-width:600px){:root .footer-card{padding:12px;gap:12px}:root .footer-card strong{font-size:1rem}:root .footer-card small{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){:root svg.action-arrow,:root .footer-card{transition:none}}
