.btn-white {
    background-color: white;
    color: var(--color-primary);
    padding: 0.75rem 2rem; /* py-3 px-8 */
    border-radius: 9999px; /* rounded-full */
    font-weight: 700; /* font-bold */
    box-shadow: 0 10px 15px rgba(0,0,0,0.1); /* shadow-lg */
    transition: all 0.3s ease; /* transition-all */
    transform: scale(1);
}
.btn-white:hover {
  background-color: #f3f4f6; /* gray-100 */
  transform: scale(1.05); /* hover:scale-105 */
}

.btn-blue {
    background-color: var(--color-primary);
    border: 1px solid rgba(255, 255, 255, 0.3); /* border-white/30 */
    color: white;
    padding: 0.75rem 2rem; /* py-3 px-8 */
    border-radius: 9999px; /* rounded-full */
    font-weight: 700; /* font-bold */
    box-shadow: 0 10px 15px rgba(0,0,0,0.1); /* shadow-lg */
    transition: all 0.3s ease; /* transition-all */
    transform: scale(1);
}
.btn-blue:hover {
  background-color: var(--color-primary); /* hover:bg-primary */
  transform: scale(1.05); /* hover:scale-105 */
}