/* Share Button and Link Styles */

/* Share button styling */
.share-button {
  display: inline-block !important;
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%) !important;
  color: #fff !important;
  padding: 0.8rem 1.5rem !important;
  border-radius: 12px !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  font-family: "Roboto Mono", monospace !important;
  font-size: 1rem !important;
  letter-spacing: 1px !important;
  border: 2px solid #000 !important;
  box-shadow: 0 6px 12px rgba(139, 92, 246, 0.3), 3px 3px 0 #000 !important;
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

.share-button:hover {
  background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%) !important;
  transform: translateY(-3px) scale(1.05) !important;
  box-shadow: 0 8px 16px rgba(139, 92, 246, 0.4), 4px 4px 0 #000 !important;
}

.share-button:active {
  transform: translateY(-1px) scale(1.02) !important;
  box-shadow: 0 4px 8px rgba(139, 92, 246, 0.3), 2px 2px 0 #000 !important;
}

/* Term page link styling in modals */
.term-page-link {
  display: inline-block !important;
  background: linear-gradient(135deg, #000 0%, #333 100%) !important;
  color: #fff !important;
  padding: 0.8rem 1.5rem !important;
  border-radius: 12px !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  font-family: "Bebas Neue", sans-serif !important;
  font-size: 1rem !important;
  letter-spacing: 1px !important;
  border: 2px solid #000 !important;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3), 3px 3px 0 #000 !important;
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  text-transform: uppercase !important;
}

.term-page-link:hover {
  background: linear-gradient(135deg, #333 0%, #555 100%) !important;
  transform: translateY(-3px) scale(1.05) !important;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4), 4px 4px 0 #000 !important;
}

.term-page-link:active {
  transform: translateY(-1px) scale(1.02) !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3), 2px 2px 0 #000 !important;
}