.social-icons__icons {

background-color: $primary-red;
border-radius: 50%;
height: 33px;
margin: 4px;
padding: 2px;
transition-property: background-color;
transition-timing-function: ease;
transition-duration: .3s;
width: 33px;

}

@media screen and (min-width: 360px) {

.social-icons__icons {
  height: 40px;
  margin: 5px;
  width: 40px;
}

}

@media screen and (min-width: 412px) {

.social-icons__icons {
  height: 50px;
  width: 50px;
}

}

a.social-icons__links, a.social-icons__links .social-icons__icons {

text-decoration: none !important; // Get rid of default link-underline on hover

}

a.social-icons__links:hover .social-icons__icons {

text-decoration: none !important;
background-color: $primary-blue;

}