:root {
  --shr-chatgpt: #000;
  --shr-perplexity: #20808d;
  --shr-linkedin: #0077b5;
  --shr-whatsapp: #1BD741;
  --shr-twitter: #000;
  --shr-gmail: #cdcdcd;
  --shr-facebook: #475a96;
}

/* Main Wrapper */
.social-share-box {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

/* Hiding the Count - Only Total Count needs to be shown */
.social-share-box .sft-social .shr-cnt {
  display: none;
}

/* Total Count Container CSS */
.overall-sc-shr-cnt-box {
  margin-right: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 18px;
  line-height: 1.5;
}

.overall-sc-shr-cnt-box .share_label {
  font-size: 12px;
}

/* Button Container Common CSS */
.sc-shr-img-name-box {
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  line-height: 1;
  color: white;
  border-radius: 4px;
  cursor: pointer;
}

.sc-shr-img-name-box img {
  margin: 0px !important;
  width: 25px !important;
  height: 25px !important;
}

/* Setting Background for Each Button */
#chatgpt-img-name-icon {
  background-color: var(--shr-chatgpt);
}

#perplexity-img-name-icon {
  background-color: var(--shr-perplexity);
}

#linkedin-img-name-icon {
  background-color: var(--shr-linkedin);
}

#whatsapp-img-name-icon {
  background-color: var(--shr-whatsapp);
}

#twitterX-img-name-icon {
  background-color: var(--shr-twitter);
}

#gmail-img-name-icon {
  background-color: var(--shr-gmail);
}

#facebook-img-name-icon {
  background-color: var(--shr-facebook);
}

/* Media Queries for Smaller Devices */ 
@media screen and (max-width: 690px) {
  .sc-shr-img-name-box .sc-icon-name {
    display: none;
  }

  #overall-sc-shr-box {
    display: none;
  }

  .sc-shr-img-name-box {
    padding: 8px;
  }
}

/* Not Required CSS */

/* .shr-cnt {
  display: none;
  color: #00998e;
  font-size: medium;
}

.sc-icon-name {
  font-size: medium;
}

.sft-social {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  align-items: center;
}

.sc-img-box {
  height: 32px !important;
  background-color: none !important;
}

.sc-img-box img {
  width: 32px !important;
  height: 32px !important;
  margin-bottom: 0px !important;
} */

/* CSS END for new-social-share-widget-for-blog */