.listing-share-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
}

.listing-share-button,
.detail-share-copy {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 7px 12px;
  border: 1px solid #c9dfe3;
  border-radius: 999px;
  background: #fff;
  color: #0b5576;
  font: inherit;
  font-size: .84rem;
  font-weight: 750;
  line-height: 1.3;
  text-decoration: none;
  cursor: pointer;
}

.listing-share-button:hover,
.detail-share-copy:hover,
.listing-share-button:focus-visible,
.detail-share-copy:focus-visible {
  background: #e0eda5;
  border-color: #c2d66f;
}

.listing-share-button:focus-visible,
.detail-share-copy:focus-visible {
  outline: 3px solid #b7cf5c;
  outline-offset: 2px;
}

.share-status {
  flex-basis: 100%;
  min-height: 1.1em;
  color: #687d86;
  font-size: .8rem;
  line-height: 1.4;
}

.detail-share .detail-share-copy { margin: 0; }

@media print {
  .listing-share-group,
  .detail-share { display: none !important; }
}