.component_social_links{
  color:#000;
}

.component_social_links a{
  background:#e2131f;
  border:.125rem solid #e2131f;
  -webkit-border-radius:50%;
     -moz-border-radius:50%;
          border-radius:50%;
  display:inline-block;
  font-size:1.125rem;
  height:3.125rem;
  line-height:2.875rem;
  margin:0 .125rem;
  overflow:hidden;
  position:relative;
  text-align:center;
  width:3.125rem;
  z-index:1;
}

@media (min-width:768px) and (max-width:991.98px){
  .component_social_links a{
    width:2.25rem;
    height:2.25rem;
    line-height:2.125rem;
    font-size:1rem;
  }
}

.component_social_links a span.social-icon{
  color:#fff;
  position:relative;
  z-index:3;
}

.component_social_links a:before,.component_social_links a span.social-icon{
  -webkit-transition:.5s;
  -o-transition:.5s;
  -moz-transition:.5s;
  transition:.5s;
}

.component_social_links a:before{
  background:#fff;
  content:"";
  left:0;
  position:absolute;
  height:100%;
  top:100%;
  width:100%;
  z-index:2;
}

.component_social_links a:hover:before{
  top:0;
}

.component_social_links a:hover span.social-icon{
  color:#e2131f;
  -webkit-transform:rotateY(1turn);
     -moz-transform:rotateY(1turn);
          transform:rotateY(1turn);
}

.component_social_links a .hidden{
  display:none;
}

@media (max-width:767.98px){
  .component_social_links{
    padding:.625rem .9375rem 0;
  }
}

/*# sourceMappingURL=social_links.min.css.map */