/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


 .si-next:hover,
 .si-colored.si-next {
     background: linear-gradient(45deg, #00BFFF 0%, 
     #1CA9E5 30%, 
     #007ACC 70%, 
     #005FA3 100% 
     );
     transition: background 0.5s ease;
 }


 .social-icon.si-next img {
     position: relative;
     display: block;
     width: 100%;
     height: auto;
     transition: margin-top 0.3s ease;
 }

     .social-icon.si-next img:first-child {
         filter: brightness(0.5);
         z-index: 2;
         margin-bottom: 2px;
     }

 .social-icon.si-next:hover img:first-child {
     margin-top: -29px;
 }

 .social-icon.si-next img:last-child {
     position: relative;
     margin-top: 2px;
 }