.socials {
  display: flex;
  align-items: center;
  gap: 12px;
}
.socials .btn {
  width: 40px;
  height: 40px;
  border-radius: 12px;
}
.socials__tg {
  background: rgba(3, 155, 229, 0.07);
}
.socials__tg svg {
  fill: #039BE5;
}
.socials__tg:hover {
  background: rgba(182, 230, 254, 0.07);
}
.socials__wa {
  background: rgba(76, 175, 80, 0.07);
}
.socials__wa svg {
  fill: #4CAF50;
}
.socials__wa:hover {
  background: rgba(217, 238, 218, 0.07);
}
.socials__max {
  background: linear-gradient(45deg, rgba(152, 98, 233, 0.07), rgba(70, 106, 251, 0.07), rgba(66, 195, 253, 0.07));
}
.socials__max:hover {
  background: rgba(220, 227, 254, 0.07);
}

/*# sourceMappingURL=style.css.map */