:root {
  --bodyFont: "DM Sans", sans-serif;
  --titleFont: "Poppins", sans-serif;
  --transition: all 0.3s ease;
  --body_bg: #ffffff;
  --globalColor: #f4f3f1;
  --borderColor: #dfe0e4;
  --bodyColor: #404a60;
  --titleColor: #222e48;
  --primaryColor: #022e2d;
  --secondaryColor: #b07e50;
  --whiteColor: #ffffff;
  --blackColor: #171717;
  --linkColor: #022e2d;
  --hoverColor: var(--secondaryColor);
  --boxBorderRadius: 12px;
  --imageBorderRadius: 4px;
  --btnBorderRadius: 8px;
  --btnBgColor: #022e2d;
  --btnHoverBgColor: #b07e50;
  --btnColor: #ffffff;
  --btnHoverColor: #ffffff;
  --btnBgColor2: transparent;
  --btnHoverBgColor2: #022e2d;
  --btnColor2: #222e48;
  --btnHoverColor2: #ffffff;
}

.social-share-container.inline {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
}

.social-share-container.block {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.social-share-title {
  margin: 0 0 10px 0;
  display: inline-block;
}

.social-share-items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.social-share-item {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  transition: all 0.3s ease;
}

.social-share-link {
  display: flex;
  align-items: center;
}

.social-share-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
  border: 1px solid var(--primaryColor);
  background-color: transparent;
  color: var(--primaryColor);
}
.social-share-icon:hover {
  border: 1px solid var(--primaryColor);
  color: var(--whiteColor);
  background-color: var(--primaryColor);
}

.social-share-icon i {
  transition: all 0.3s ease;
}

.social-share-label {
  margin-left: 8px;
  font-size: 14px;
}/*# sourceMappingURL=social-share.css.map */