.share-section {
  border-top: 1px solid color-mix(in srgb, currentColor 14%, transparent);
}

.share-section .section-heading {
  max-width: 46rem;
}

.share-section .section-heading p {
  margin-bottom: 0;
}

.share-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.25rem;
}

.share-action {
  align-items: center;
  background: color-mix(in srgb, currentColor 7%, transparent);
  border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
  border-radius: 0.7rem;
  color: inherit;
  display: inline-flex;
  font-weight: 650;
  gap: 0.55rem;
  min-height: 2.75rem;
  padding: 0.55rem 0.8rem;
  text-decoration: none;
}

.share-action:hover {
  background: color-mix(in srgb, currentColor 12%, transparent);
  border-color: color-mix(in srgb, currentColor 32%, transparent);
}

.share-action:focus-visible {
  outline: 3px solid #7c9cff;
  outline-offset: 3px;
}

.share-mark {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  width: 1.4rem;
}

.share-logo {
  display: block;
  fill: currentColor;
  height: 1.2rem;
  width: 1.2rem;
}

.share-linkedin .share-mark { color: #0a66c2; }
.share-reddit .share-mark { color: #ff4500; }
.share-whatsapp .share-mark { color: #25d366; }

.share-status {
  min-height: 1.5em;
  margin: 0.75rem 0 0;
}

@media (max-width: 640px) {
  .share-action {
    flex: 1 1 calc(50% - 0.75rem);
    justify-content: center;
  }
}