@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

.share-icon {
    background-color: hsl(210, 46%, 95%);
}
.share-icon:hover {
    background-color: hsl(214, 17%, 51%);
}

.share-icon i {
    color: hsl(214, 17%, 51%);
}

.share-icon:hover i {
    color: hsl(210, 46%, 95%);
}

.socials-box::before {
    content: "";
    height: 20px;
    width: 20px;
    background-color: hsl(217, 19%, 35%);
    position: absolute;
    top: 80%;
    left: 48%;
    transform: rotate(45deg);
}

@media (max-width:1280px) {
    .socials-box::before {
        background-color: red;
        display: none;
      
    }
}