.cta-social{align-items:center;background-color:transparent;border:.1rem solid var(--color-text);border-radius:4rem;display:inline-flex;height:4rem;justify-content:center;position:relative;transition:all .3s var(--transition-2);width:4rem}.cta-social svg{display:inline-block;left:50%;max-height:100%;max-width:100%;min-height:100%;min-width:100%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate3d(-50%,-50%,0) scale(.5);transition:opacity .3s var(--transition-2)}.cta-social svg:first-child{opacity:1}.cta-social svg,.cta-social svg *{fill:var(--color-text);transition:all .3s var(--transition-2)}.cta-social:hover{background-color:var(--color-text)}.cta-social:hover svg,.cta-social:hover svg *{fill:var(--color-background)}.cta-social.active svg:first-child{opacity:0}.cta-social.active svg:last-child{opacity:1}