/* Base styles for all buttons */
 .luxury-btn {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 12px 30px;
    text-transform: uppercase;
    border-radius: 50px; /* Rounded corners for a premium feel */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
    transition: all 0.3s ease;
    border: 2px solid; /* Solid border to match the background color */
}

/* Default Blue Button */
.luxury-btn.blue {
    background-color: #1e3a8a; /* Solid blue background */
    border-color: #ff4d4d; /* Red border */
}

.luxury-btn.blue:hover {
    background-color: #2563eb; /* Lighter blue on hover */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3); /* More prominent shadow on hover */
}

/* Success Button (Green) */
.luxury-btn.success {
    background-color: #28a745;
    border-color: #218838;
}

.luxury-btn.success:hover {
    background-color: #218838;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
}

/* Danger Button (Red) */
.luxury-btn.danger {
    background-color: #dc3545;
    border-color: #c82333;
}

.luxury-btn.danger:hover {
    background-color: #c82333;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
}

/* Warning Button (Yellow) */
.luxury-btn.warning {
    background-color: #ffc107;
    border-color: #e0a800;
    color: #212529;
}

.luxury-btn.warning:hover {
    background-color: #e0a800;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
}

/* Info Button (Light Blue) */
.luxury-btn.info {
    background-color: #17a2b8;
    border-color: #138496;
}

.luxury-btn.info:hover {
    background-color: #138496;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
}

/* Teal Button */
.luxury-btn.teal {
    background-color: #20c997;
    border-color: #1bb493;
}

.luxury-btn.teal:hover {
    background-color: #1bb493;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
}

/* Light Button (Light Gray) */
.luxury-btn.light {
    background-color: #f8f9fa;
    border-color: #d6d8db;
    color: #495057;
}

.luxury-btn.light:hover {
    background-color: #e2e6ea;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
}

/* Dark Button (Dark Gray) */
.luxury-btn.dark {
    background-color: #343a40;
    border-color: #23272b;
}

.luxury-btn.dark:hover {
    background-color: #23272b;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
}

/* Orange Button */
.luxury-btn.orange {
    background-color: #fd7e14;
    border-color: #d5602b;
}

.luxury-btn.orange:hover {
    background-color: #d5602b;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
}

label {
    /* color: #002756; */
}