.ssm-share-buttons {
  margin: var(--sp-20,1.25rem) 0
}
.ssm-button {
  display: inline-block;
  padding: var(--sp-8,0.5rem) var(--sp-16,1rem);
  margin-right: var(--sp-10,0.625rem);
  margin-bottom: var(--sp-10,0.625rem);
  text-decoration: none;
  color: rgb(var(--color-background));
  border-radius: 0px;
  font-size: 14px;
}
.ssm-button:hover {
  color: rgb(var(--color-background))
}
.ssm-twitter {
  background-color: rgb(var(--color-foreground))
}
.ssm-facebook {
  background-color: color-mix(in srgb, var(--color-info) 54%, rgb(var(--color-foreground)))
}
.ssm-linkedin {
  background-color: color-mix(in srgb, var(--color-info) 46%, rgb(var(--color-foreground)))
}
.ssm-instagram {
  background: linear-gradient(45deg, var(--color-warning), var(--color-warning), var(--color-danger), var(--color-secondary), color-mix(in srgb, var(--color-secondary) 54%, rgb(var(--color-foreground))))
}
.ssm-pinterest {
  background-color: color-mix(in srgb, var(--color-danger) 51%, rgb(var(--color-foreground)))
}
.ssm-whatsapp {
  background-color: var(--color-success)
}
.ssm-reddit {
  background-color: var(--color-warning)
}