.social__item {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 36px;
  width: 36px;
  height: 36px;
  opacity: 0.15;
}
.social__item:last-child {
  margin-right: 0;
}
@media (hover: hover) {
  .social__item:hover {
    opacity: 0.4;
  }
}
.social__item:focus {
  opacity: 0.4;
}
.social__item:active {
  opacity: 1;
}