/**
 * Social Share Styles
 * 
 * This stylesheet provides the basic styling for the social share buttons
 * added by the Onion Social Share plugin. It includes flexbox settings for
 * alignment, color schemes for different social media platforms, and hover
 * effects for better user interaction.
 * 
 * Author: Onion Studio
 * Plugin URI: https://www.onion-studio.es
 */

.social-share,
.social-share a {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.social-share {
  text-align: center;
  margin: 48px 0;
}

.social-share h3 {
  flex: 0 0 100%;
  margin-bottom: 8px !important;
}

/* .social-share a {
  padding: 8px;
  color: white;
  text-decoration: none;
}

.social-share a:hover {
  background-color: #54595F !important;
} */

/* .social-share a svg {
  width: 24px;
  height: 24px;
} */

/* .social-share a svg path,
.social-share a svg ellipse {
  fill: white;
} */

/* .social-share a.facebook {
  background-color: #3b5998;
}

.social-share a.twitter {
  background-color: #1DA1F2;
}

.social-share a.linkedin {
  background-color: #0077B5;
}

.social-share a.whatsapp {
  background-color: #25D366;
}

.social-share a.email {
  background-color: #777777;
}

.social-share a.pinterest {
  background-color: #BD081C;
} */