p, body {
    letter-spacing: 0.5px; /* Adds slight spacing between letters for readability */
    text-rendering: optimizeLegibility; /* Enhances font clarity and kerning */
    -webkit-font-smoothing: antialiased; /* Smooths font edges in WebKit-based browsers */
    line-height: 30px !important; /* Ensures consistent line spacing */
} 

/* Base style for all gold-filled buttons */
a[style*="--fl-button-bg-color: #C8A165"].fluid-button.button.filled {
  background-color: #C8A165; /* Gold accent */
  color: white; /* White text */
  border: none;
  transition: all 0.3s ease; /* Smooth transition */
}

/* Hover effect */
a[style*="--fl-button-bg-color: #C8A165"].fluid-button.button.filled:hover {
  background: linear-gradient(90deg, #e0b979, #f7d199); /* Light gradient for a polished look */
  box-shadow: 0 4px 15px rgba(200, 160, 101, 0.6); /* Subtle glowing shadow */
  transform: scale(1.05); /* Slightly enlarge for interactivity */
  color: white; /* Keep text white */
}

/* Optional: Add glow to the text on hover */
a[style*="--fl-button-bg-color: #C8A165"].fluid-button.button.filled:hover label {
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.8); /* Soft glow for text */
} 


/* Hover effects for navy blue buttons */
.fluid-button.button.filled[style*="--fl-button-bg-color: #1A2E5C"] {
  background-color: #1A2E5C; /* Navy blue */
}

.fluid-button.button.filled[style*="--fl-button-bg-color: #1A2E5C"]:hover {
  background-color: #2C426F; /* Slightly lighter navy */
  box-shadow: 0 0 10px rgba(42, 63, 102, 0.5); /* Soft glow */
  transform: scale(1.05); /* Interactive enlargement */
  color: white; /* Keep text white */
} 
/* General styling for emphasized text */
p em {
  font-family: 'EB Garamond', serif; /* Keep the elegant serif font */
  font-style: italic; /* Retain italics for sophistication */
  font-weight: 500; /* Medium weight for subtle emphasis, reducing heaviness */
  color: #333333; /* Slightly softer than black for better harmony */
  text-shadow: 0.5px 0.5px 1px rgba(0, 0, 0, 0.1); /* Maintain subtle shadow */
  letter-spacing: 0.02em; /* Slight increase in spacing for better readability */
  transition: text-shadow 0.3s ease; /* Smooth transition for hover effects */
}

/* Optional: Add hover effect for emphasized text */
p em:hover {
  color: #1a1a1a; /* Slightly darker on hover for interaction feedback */
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); /* Enhance depth subtly */
}

/* Base style for the submit button */
button.button.btn.submit-button {
  background-color: #C8A165; /* Gold accent */
  color: white; /* White text */
  border: none;
  border-radius: 5px; /* Optional: Add a slight border radius for modern look */
  padding: 10px 20px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease; /* Smooth transition */
}

/* Icon within the button */
button.button.btn.submit-button .icon {
  margin-right: 10px; /* Space between icon and label */
}

/* Hover effect */
button.button.btn.submit-button:hover {
  background: linear-gradient(90deg, #e0b979, #f7d199); /* Light gradient for a polished look */
  box-shadow: 0 4px 15px rgba(200, 160, 101, 0.6); /* Subtle glowing shadow */
  transform: scale(1.05); /* Slightly enlarge for interactivity */
  color: white; /* Keep text white */
}

/* Optional: Add glow to the text on hover */
button.button.btn.submit-button:hover .label {
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.8); /* Soft glow for text */
}

/* Focus effect for accessibility */
button.button.btn.submit-button:focus {
  outline: 2px solid #e0b979; /* Gold border outline on focus */
  outline-offset: 2px;
}

/* Disabled state */
button.button.btn.submit-button:disabled {
  background-color: #e6d7c3; /* Muted gold for disabled state */
  color: #f5f5f5; /* Muted white for text */
  cursor: not-allowed;
  box-shadow: none; /* Remove hover effects */
}