/* Share button container */
.sharediv {
  padding: 12px 16px 0 0;
}

/* Share button — secondary style (sage bg, dark text) */
.share-button {
  background-color: #E7F7DE;
  color: #2C7326;
  border: 1px solid #BBD8A3;
  border-radius: 30px;
  padding: 8px 14px;
  font-family: var(--font-family);
  font-size: 0.8rem;
  font-weight: 500;
  cursor: pointer;
  box-shadow: none;
  transition: background-color 0.2s ease, transform 0.15s ease;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.share-button .share-icon {
  font-size: 0.75rem;
  color: #2C7326 !important;
}

@media (hover: hover) {
  .share-button:hover {
    background-color: #DFF4D9;
    transform: scale(1.03);
  }
}

.share-button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(187, 216, 163, 0.3);
}

.share-button:active {
  transform: scale(0.97);
}

/* Toast notification */
.toast {
  background-color: #1D241C;
  color: #F6FCF3;
  border-radius: 30px;
  padding: 10px 20px;
  font-family: var(--font-family);
  font-size: 0.85rem;
  font-weight: 500;
  box-shadow: 0 4px 16px rgba(187, 216, 163, 0.3);
}