@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.socials-container{display:flex;gap:20px}.social{display:grid;place-items:center;padding:10px;margin:auto;font-family:"Old Standard TT","serif";line-height:1.2;font-size:1.7rem;color:#000}.socials-container a{background-color:#af0000;border-radius:50%;height:50px;width:50px;box-sizing:border-box;flex-shrink:0;display:grid;place-items:center;box-shadow:0 5px 10px #0000000d}.socials-container a svg{height:30px;fill:#fff}.socials-container a::before{content:attr(data-social);position:absolute;background-color:var(--accent-color);color:#fff;text-decoration:none;padding:.5em 1em;border-radius:100px;box-shadow:0 5px 10px #0000000d;transform:translateY(-30px) rotate(25deg);opacity:0;transition:200ms cubic-bezier(.42,0,.44,1.68)}.socials-container a:hover{background-color:var(--accent-color);fill:#fff}@media (min-width:1040px){a:hover{display;none}}.socials-container a::after{content:'';position:absolute;height:0;width:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid var(--accent-color);transform:translateY(0) rotate(25deg);opacity:0;transition:200ms cubic-bezier(.42,0,.44,1.68)}.socials-container a:hover::before{transform:translateY(-65px) rotate(0);opacity:1}.socials-container a:hover::after{transform:translateY(-42px) rotate(0);opacity:1}@media screen and (max-width: 640px){.social{display:grid;place-items:center;padding:10px;margin:auto;font-family:"Old Standard TT","serif";line-height:1.2;font-size:1.7rem;color:#000}.socials-container a{background-color:#af0000;border-radius:50%;height:42px;width:42px;box-sizing:border-box;flex-shrink:0;display:grid;place-items:center;box-shadow:0 5px 10px #0000000d}.socials-container a svg{height:26px;fill:#fff}.socials-container a::before{content:attr(data-social);position:absolute;background-color:var(--accent-color);color:#fff;text-decoration:none;padding:.5em 1em;border-radius:100px;box-shadow:0 5px 10px #0000000d;transform:translateY(-30px) rotate(25deg);opacity:0;transition:200ms cubic-bezier(.42,0,.44,1.68)}.socials-container a:hover{background-color:var(--accent-color);fill:#fff}.socials-container a::after{content:'';position:absolute;height:0;width:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid var(--accent-color);transform:translateY(0) rotate(25deg);opacity:0;transition:200ms cubic-bezier(.42,0,.44,1.68)}.socials-container a:hover::before{transform:translateY(-65px) rotate(0);opacity:1}.socials-container a:hover::after{transform:translateY(-42px) rotate(0);opacity:1}}