.btn{cursor:pointer;display:inline-flex}.socials{-moz-column-gap:1rem;column-gap:1rem;display:flex}@media (width>=768px){.socials{-moz-column-gap:1.4rem;column-gap:1.4rem}}.social__item{position:relative}@media (width<=767px){.social__item{flex:1}}.social__item{--grad-left-opacity:0;--grad-right-opacity:0}@media (hover:hover){.social__item:has(+.social__item .social__link:hover) .social__link-svg{--grad-right-opacity:1}}.social__link{letter-spacing:.1em;color:#e0eaea;background-color:#0e0e0e;border-radius:2.2rem;justify-content:center;align-items:center;min-width:8rem;height:2.2rem;font-size:.8rem;line-height:1.25;display:flex}@media (hover:hover){.social__link:after{content:"";opacity:0;background-color:#d90909;border-radius:2.2rem;transition:opacity .3s cubic-bezier(.14,1,.34,1);position:absolute;inset:0}.social__link .btn__label{z-index:1;display:flex;position:relative}.social__link:hover:after{opacity:1}.social__link:hover~.social__link-svg{--grad-left-opacity:1}}@media (width>=768px){.social__link{border-radius:2.8rem;min-width:9.6rem;height:2.8rem}}.social__link-svg{color:#0e0e0e;pointer-events:none;z-index:1;width:3.2rem;height:2.2rem;position:absolute;top:calc(50% - 1.1rem);left:calc(100% - 1.1rem)}@media (width>=768px){.social__link-svg{width:4rem;height:2.8rem;top:calc(50% - 1.4rem);left:calc(100% - 1.3rem)}}@media (hover:hover){.btn-connector__grad{transition:opacity .3s cubic-bezier(.14,1,.34,1)}}.btn-connector__grad--left{opacity:var(--grad-left-opacity,0)}.btn-connector__grad--right{opacity:var(--grad-right-opacity,0)}