.wbf-productshare {
  --wbf-share-accent: #16764a;
  --wbf-share-border: #d6d9dc;
  --wbf-share-bg: #fff;
  margin: 1rem 0;
  width: 100%;
}

.wbf-productshare__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  align-items: center;
}

.wbf-productshare__heading {
  font-weight: 600;
  font-size: .875rem;
  color: #333;
  margin-right: .25rem;
}

.wbf-productshare--align-center .wbf-productshare__buttons { justify-content: center; }
.wbf-productshare--align-right .wbf-productshare__buttons { justify-content: flex-end; }

.wbf-productshare__button {
  align-items: center;
  background: var(--wbf-share-bg);
  border: 1px solid var(--wbf-share-border);
  border-radius: .375rem;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  font-weight: 600;
  gap: .4rem;
  justify-content: center;
  line-height: 1.2;
  min-height: 2.5rem;
  padding: .55rem .8rem;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.wbf-productshare__button:hover,
.wbf-productshare__button:focus-visible {
  border-color: var(--wbf-share-accent);
  color: var(--wbf-share-accent);
}

.wbf-productshare__button:focus-visible {
  outline: 2px solid var(--wbf-share-accent);
  outline-offset: 2px;
}

.wbf-productshare--filled .wbf-productshare__button {
  background: var(--wbf-share-accent);
  border-color: var(--wbf-share-accent);
  color: #fff;
}

.wbf-productshare--filled .wbf-productshare__button:hover,
.wbf-productshare--filled .wbf-productshare__button:focus-visible {
  filter: brightness(.92);
}

.wbf-productshare--minimal .wbf-productshare__button {
  background: transparent;
  border-color: transparent;
}

.wbf-productshare--small .wbf-productshare__button { font-size: .75rem; min-height: 2rem; padding: .35rem .55rem; }
.wbf-productshare--large .wbf-productshare__button { font-size: 1rem; min-height: 3rem; padding: .7rem 1rem; }
.wbf-productshare--small .wbf-productshare__icon { height: 16px; width: 16px; }
.wbf-productshare--large .wbf-productshare__icon { height: 24px; width: 24px; }
.wbf-productshare--icons .wbf-productshare__label,
.wbf-productshare--text .wbf-productshare__icon { display: none; }
.wbf-productshare--icons .wbf-productshare__button { padding-left: .65rem; padding-right: .65rem; }

.wbf-productshare__button--native { display: none; }
.wbf-share-supported .wbf-productshare__button--native { display: inline-flex; }

.wbf-productshare__status {
  font-size: .8rem;
  margin: .4rem 0 0;
  min-height: 1.1em;
}

@media (max-width: 575px) {
  .wbf-productshare__buttons { gap: .4rem; }
  .wbf-productshare__button { flex: 1 1 auto; }
}

@media (prefers-reduced-motion: reduce) {
  .wbf-productshare__button { transition: none; }
}