1.socials-container {
2  width: fit-content;
3  height: fit-content;
4  display: flex;
5  align-items: center;
6  justify-content: center;
7  gap: 25px;
8  padding: 20px 40px;
9  background-color: #333333;
10}
11.social {
12  width: 50px;
13  height: 50px;
14  display: flex;
15  align-items: center;
16  justify-content: center;
17  border-radius: 50%;
18  border: 1px solid rgb(194, 194, 194);
19}
20.twitter:hover {
21  background: linear-gradient(45deg, #66757f, #00acee, #36daff, #dbedff);
22}
23.facebook:hover {
24  background: linear-gradient(45deg, #134ac0, #316ff6, #78a3ff);
25}
26.google-plus:hover {
27  background: linear-gradient(45deg, #872419, #db4a39, #ff7061);
28}
29.instagram:hover {
30  background: #f09433;
31  background: -moz-linear-gradient(
32    45deg,
33    #f09433 0%,
34    #e6683c 25%,
35    #dc2743 50%,
36    #cc2366 75%,
37    #bc1888 100%
38  );
39  background: -webkit-linear-gradient(
40    45deg,
41    #f09433 0%,
42    #e6683c 25%,
43    #dc2743 50%,
44    #cc2366 75%,
45    #bc1888 100%
46  );
47  background: linear-gradient(
48    45deg,
49    #f09433 0%,
50    #e6683c 25%,
51    #dc2743 50%,
52    #cc2366 75%,
53    #bc1888 100%
54  );
55  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
56}
57.social svg {
58  fill: white;
59  height: 20px;
60}
61