.gdw-social-item { display: inline-block; vertical-align: middle; position: relative; cursor: pointer; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: all 0.1s ease; }
.gdw-social-item::before, .gdw-social-item::after { content: ''; display: block; position: absolute; top: 0; width: 100%; height: 100%; }
.gdw-social-item::after { opacity: 0; visibility: hidden; transition: all 0.1s ease; }
.gdw-social-item-icon { display: block; position: absolute; top: 50%; left: 50%; z-index: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: all 0.1s ease; }
.gdw-social-item:hover::before { opacity: 0; visibility: hidden; transition: all 0s ease 0.1s; }
.gdw-social-item:hover::after { opacity: 1; visibility: visible; }
.gdw-icon-border-type-circle .gdw-social-item, .gdw-icon-border-type-circle .gdw-social-item::before, .gdw-icon-border-type-circle .gdw-social-item::after { border-radius: 50%; }
.gdw-icon-border-type-square .gdw-social-item, .gdw-icon-border-type-square .gdw-social-item::before, .gdw-icon-border-type-square .gdw-social-item::after { border-radius: 0; }
.gdw-icon-border-type-rounded .gdw-social-item, .gdw-icon-border-type-rounded .gdw-social-item::before, .gdw-icon-border-type-rounded .gdw-social-item::after { border-radius: 5px; }
.gdw-icon-sizing .gdw-social-item { width: 32px; height: 32px; margin: 4px; border-width: 1px; }
.gdw-icon-sizing .gdw-social-item-icon { width: 16px; height: 16px; margin: -8px 0 0 -8px; }
/* Facebook */
.gdw-icon-bg-color-native .gdw-facebook-icon::before, .gdw-icon-bg-color-on-hover-native .gdw-facebook-icon::after { background-color: #345aad; }
.gdw-hover-icon-color-native .gdw-facebook-icon:hover { border-color: #345aad; }
.gdw-hover-icon-color-native .gdw-facebook-icon:hover .gdw-social-item-icon, .gdw-hover-icon-color-native .gdw-facebook-icon:hover .gdw-social-item-icon * { fill: #345aad; }
/* Linkedin */
.gdw-icon-bg-color-native .gdw-linkedin-icon::before, .gdw-icon-bg-color-on-hover-native .gdw-linkedin-icon::after { background-color: #15ace5; }
.gdw-hover-icon-color-native .gdw-linkedin-icon:hover { border-color: #15ace5; }
.gdw-hover-icon-color-native .gdw-linkedin-icon:hover .gdw-social-item-icon, .gdw-hover-icon-color-native .gdw-linkedin-icon:hover .gdw-social-item-icon * { fill: #15ace5; }
/* Instagram */
.gdw-icon-bg-color-native .gdw-instagram-icon::before, .gdw-icon-bg-color-on-hover-native .gdw-instagram-icon::after { background-image: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%); }
.gdw-hover-icon-color-native .gdw-instagram-icon:hover { border-color: #ffffff; }
.gdw-hover-icon-color-native .gdw-instagram-icon:hover .gdw-social-item-icon, .gdw-hover-icon-color-native .gdw-instagram-icon:hover .gdw-social-item-icon * { fill: #ee20a7; }
/* WhatsApp */
.gdw-icon-bg-color-native .gdw-whatsapp-icon::before, .gdw-icon-bg-color-on-hover-native .gdw-whatsapp-icon::after { background-color: #13d25a; }
.gdw-hover-icon-color-native .gdw-whatsapp-icon:hover { border-color: #13d25a; }
.gdw-hover-icon-color-native .gdw-whatsapp-icon:hover .gdw-social-item-icon, .gdw-hover-icon-color-native .gdw-whatsapp-icon:hover .gdw-social-item-icon * { fill: #13d25a; }
/* Xing */
.gdw-icon-bg-color-native .gdw-xing-icon::before, .gdw-icon-bg-color-on-hover-native .gdw-xing-icon::after { background-color: #20a5a5; }
.gdw-hover-icon-color-native .gdw-xing-icon:hover { border-color: #20a5a5; }
.gdw-hover-icon-color-native .gdw-xing-icon:hover .gdw-social-item-icon, .gdw-hover-icon-color-native .gdw-xing-icon:hover .gdw-social-item-icon * { fill: #20a5a5; }
/* generell */
.gdw-hover-bg-icons .gdw-social-item::after { background: #ffe0e0; top: 0; }
.gdw-hover-icon-color-white .gdw-social-item:hover { border-color: #e06a76; }
.gdw-icon-color .gdw-social-item .gdw-social-item-icon, .gdw-hover-icon-color-white .gdw-social-item:hover .gdw-social-item-icon, .gdw-icon-color .gdw-social-item .gdw-social-item-icon *, .gdw-hover-icon-color-white .gdw-social-item:hover .gdw-social-item-icon * { fill: #fff; }
.gdw-icon-bg-color-black .gdw-social-item::before, .gdw-icon-bg-color-on-hover-black .gdw-social-item::after { background: #111; }
.gdw-hover-icon-color-black .gdw-social-item:hover { border-color: #111; }
.gdw-hover-icon-color-black .gdw-social-item:hover .gdw-social-item-icon, .gdw-hover-icon-color-black .gdw-social-item:hover .gdw-social-item-icon * { fill: #111; }
.gdw-icon-bounce .gdw-social-item:hover { -webkit-animation: bouncing-icons 0.3s forwards; animation: bouncing-icons 0.3s forwards; }
@-webkit-keyframes bouncing-icons {
  40% { -webkit-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.9, 0.9, 1); }
  70% { -webkit-transform: scale3d(1.05, 1.05, 1); transform: scale3d(1.05, 1.05, 1); }
  100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
@keyframes bouncing-icons {
  40% { -webkit-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.9, 0.9, 1); }
  70% { -webkit-transform: scale3d(1.05, 1.05, 1); transform: scale3d(1.05, 1.05, 1); }
  100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}