.footer-share { position: relative; display: grid; grid-template-columns: minmax(220px,.75fr) minmax(0,1.6fr); gap: clamp(1.5rem,4vw,3.5rem); align-items: center; margin-top: 3.25rem; padding: clamp(1.35rem,3vw,2rem); overflow: hidden; background: linear-gradient(125deg,rgba(255,255,255,.075),rgba(67,213,197,.035)); border: 1px solid rgba(255,255,255,.11); border-radius: 18px; box-shadow: inset 0 1px 0 rgba(255,255,255,.06),0 18px 44px rgba(0,0,0,.14); }
.footer-share::before { position: absolute; top: -70px; right: -35px; width: 180px; height: 180px; content: ""; background: radial-gradient(circle,rgba(67,213,197,.12),transparent 68%); border-radius: 50%; pointer-events: none; }
.footer-share__intro { position: relative; z-index: 1; }.footer-share__eyebrow { color: var(--cyan); font-size: .75rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }.footer-share__intro h2 { margin: .35rem 0 .4rem; color: white; font-size: clamp(1.35rem,2.5vw,1.8rem); letter-spacing: -.03em; }.footer-share__intro p { max-width: 390px; margin: 0; color: #b8c6d8; font-size: .875rem; line-height: 1.6; }
.footer-share__controls { position: relative; z-index: 1; min-width: 0; }.footer-share__buttons { display: flex; flex-wrap: wrap; gap: .65rem; }
.share-button { --share-color: #536176; display: inline-flex; min-height: 46px; align-items: center; gap: .55rem; padding: .65rem .9rem; color: #e6edf6; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.13); border-radius: 11px; font: inherit; font-size: .8125rem; font-weight: 750; line-height: 1; text-decoration: none; box-shadow: inset 0 1px 0 rgba(255,255,255,.04); transition: color .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease; cursor: pointer; }
.share-button svg { width: 20px; height: 20px; flex: 0 0 20px; fill: currentColor; }.share-button:hover { color: white; background: var(--share-color); border-color: transparent; box-shadow: 0 9px 24px color-mix(in srgb,var(--share-color) 34%,transparent); transform: translateY(-2px); }.share-button:focus-visible { color: white; outline: 3px solid var(--cyan); outline-offset: 3px; }
.share-facebook { --share-color: #1877f2; }.share-x { --share-color: #111; }.share-linkedin { --share-color: #0a66c2; }.share-whatsapp { --share-color: #168b47; }.share-telegram { --share-color: #168ec5; }.share-native { --share-color: #654bd6; }.share-copy { --share-color: #176a65; }
.share-native svg,.share-copy svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }.share-copy.is-copied { color: white; background: #176a65; border-color: #43d5c5; }.footer-share__status { display: block; min-height: 1.2rem; margin-top: .5rem; color: #9ef2e8; font-size: .8125rem; }
@media (max-width: 991.98px) { .footer-share { grid-template-columns: 1fr; } }
@media (max-width: 575.98px) { .footer-share { margin-top: 2.5rem; padding: 1.15rem; border-radius: 14px; }.footer-share__buttons { display: grid; grid-template-columns: 1fr 1fr; }.share-button { width: 100%; justify-content: center; } }
@media (max-width: 359.98px) { .footer-share__buttons { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .share-button { transition-duration: .01ms; } }