.social-medias {
  position: fixed;
  bottom: 0;
  right: 0;
  background: white;
  display: flex;
  flex-direction: column-reverse;
  transition: all 0.1s;
  z-index: 2;
}

.social-medias-normal-size {
  width: 70px;
  height: 210px;
}

.social-medias-small-size {
  width: 50px;
  height: 150px;
}

.social-media {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.1s;
}

.social-media-normal-size {
  width: 70px;
  height: 70px;
}

.social-media-small-size {
  width: 50px;
  height: 50px;
}

.social-media:hover {
  opacity: 0.7;
}

.social-media img {
  width: 25px;
}

.social-media-facebook {
  background: #4d7ec1;
}

.social-media-instagram {
  /* background: #c32aa3; */
  background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);;
}

.social-media-linkedin {
  background: #007bb8;
}

@media only screen and (max-width: 1100px) {
  .social-medias-normal-size,
  .social-medias-small-size {
    width: 50px;
    height: 150px;
  }
  
  .social-media {
    width: 50px;
    height: 50px;
  }
}

@media only screen and (max-width: 750px) {
  .social-medias {
    flex-direction: row-reverse;
  }
  
  .social-medias-normal-size,
  .social-medias-small-size {
    width: 150px;
    height: 50px;
  }
  
  .social-media {
    width: 50px;
    height: 50px;
  }
}