.wtc-share {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem .55rem;
  width: min(100%, 760px);
  margin: 1.1rem auto 1.5rem;
  padding: 0;
  background: transparent;
  color: #514c42;
  font-family: 'DM Sans', system-ui, sans-serif;
}
.wtc-share-title {
  margin: 0 .25rem 0 0;
  color: inherit;
  font: 700 .8rem/1.3 'DM Sans', system-ui, sans-serif;
  letter-spacing: .04em;
  text-transform: none;
}
.wtc-share-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .05rem;
}
.wtc-share-links a,
.wtc-share-links button {
  display: inline-flex;
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: inherit;
  cursor: pointer;
  box-shadow: none;
  text-decoration: none;
  transition: background-color .15s ease, color .15s ease;
}
.wtc-share-links svg { display: block; width: 18px; height: 18px; fill: currentColor; }
.wtc-share-links a:hover,
.wtc-share-links button:hover { background: #e9dec6; color: #b91c22; }
.wtc-share-links a:focus-visible,
.wtc-share-links button:focus-visible { outline: 2px solid #087f83; outline-offset: 2px; }
.wtc-share-status { flex-basis: 100%; margin: 0; color: #087f83; font-size: .8rem; line-height: 1.3; }
.wtc-share-status:empty { display: none; }
.band-page .wtc-share { color: #d5cfc2; }
.band-page .wtc-share-links a:hover,
.band-page .wtc-share-links button:hover { background: #342827; color: #fff; }
@media (max-width: 560px) {
  .wtc-share { margin: .8rem auto 1.2rem; }
  .wtc-share-links a,
  .wtc-share-links button { width: 40px; height: 40px; min-width: 40px; min-height: 40px; }
}