.socials-footer svg{color:var(--primary);margin-right:20px;font-size:28px;transition:all .3s}.socials-footer svg:hover{opacity:.6;transition:all .3s}.socials-card{grid-template-columns:1fr 1fr 1fr;gap:20px;display:grid}.socials-card a{background:var(--primary);padding:46px}@media (max-width:450px){.socials-card a{padding:20px;font-size:28px}}.socials-card a svg{color:#fff;font-size:48px;transition:all .3s}@media (max-width:450px){.socials-card a svg{font-size:28px}}.socials-card a svg:hover{opacity:.6;transition:all .3s}