.socials{display:flex;gap:.5em}.socials .social{position:relative;z-index:9999}.socials .social a{width:40px;height:40px;border-radius:50%;background-color:var(--pink);display:flex;align-items:center;justify-content:center;font-size:20px;transition:background-color .3s ease-in-out}@media (min-width:981px){.socials .social a{width:50px;height:50px;font-size:25px}}.socials .social a span{color:var(--dark-gray)}.socials .social a:hover{text-decoration:none;background-color:var(--lime-green)}