/*.c-btn {
    padding: 10px 20px;
    border: 2px solid #d1d1d1;  Light border color 
    border-radius: 0.5rem;  Rounded corners 
    background: #fff;  White background 
    background: linear-gradient(to bottom, #f5f5f5, #e5e5e5);  Gradient for the background 
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2),  Outer shadow 
    inset 0px 0px 5px rgba(0, 0, 0, 0.1),  Inner shadow 
    0px 2px 0px rgba(255, 255, 255, 0.5);  Highlight on top 
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);  Slight text shadow 
    color: #333;  Text color 
    font-size: 16px;  Font size 
    cursor: pointer;  Pointer cursor 
    outline: none;  Remove default outline 
}

    .c-btn:hover {
        background: linear-gradient(to bottom, #e5e5e5, #d4d4d4);  Slightly darker on hover 
    }

    .c-btn:active {
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3),  Inner shadow when pressed 
        inset 0px 0px 5px rgba(0, 0, 0, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.3);  Lighter top highlight when pressed 
        background: linear-gradient(to bottom, #e5e5e5, #d1d1d1);  Darker background on click 
    }*/


/*.btn {
    padding: 10px 20px;
    border-radius: 0.5rem;*/ /* Rounded corners */
    /*font-size: 16px;*/ /* Font size */
    /*cursor: pointer;*/ /* Pointer cursor */
    /*outline: none;*/ /* Remove default outline */
    /*display: inline-block;
    text-align: center;
    text-decoration: none;
    line-height: 1.5;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2),*/ /* Outer shadow */
    /*inset 0px 0px 5px rgba(0, 0, 0, 0.1),*/ /* Inner shadow */
    /*0px 2px 0px rgba(255, 255, 255, 0.5);*/ /* Highlight on top */
    /*text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);*/ /* Slight text shadow */
    /*border: 2px solid transparent;
}

    .btn:hover {
        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3),*/ /* Adjusted shadow for hover */
        /*inset 0px 0px 5px rgba(0, 0, 0, 0.15);*/ /* Slightly stronger inner shadow */
    /*}

    .btn:active {
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3),*/ /* Inner shadow when pressed */
        /*inset 0px 0px 5px rgba(0, 0, 0, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.3);*/ /* Lighter top highlight when pressed */
    /*}*/


/* Primary Button */
/*.btn-primary {
    background: linear-gradient(to bottom, #007bff, #0056b3);*/ /* Bootstrap primary blue gradient */
    /*border-color: #0056b3;
    color: #fff;*/ /* White text */
/*}

    .btn-primary:hover {
        background: linear-gradient(to bottom, #0069d9, #004085);*/ /* Darker on hover */
    /*}

    .btn-primary:active {
        background: linear-gradient(to bottom, #004085, #003366);*/ /* Even darker on active */
    /*}*/

/* Secondary Button */
/*.btn-secondary {
    background: linear-gradient(to bottom, #6c757d, #495057);*/ /* Bootstrap secondary gray gradient */
    /*border-color: #495057;
    color: #fff;*/ /* White text */
/*}

    .btn-secondary:hover {
        background: linear-gradient(to bottom, #5a6268, #343a40);*/ /* Darker on hover */
    /*}

    .btn-secondary:active {
        background: linear-gradient(to bottom, #343a40, #23272b);*/ /* Even darker on active */
    /*}*/

/* Success Button */
/*.btn-success {
    background: linear-gradient(to bottom, #28a745, #218838);*/ /* Bootstrap success green gradient */
    /*border-color: #218838;
    color: #fff;*/ /* White text */
/*}

    .btn-success:hover {
        background: linear-gradient(to bottom, #218838, #1e7e34);*/ /* Darker on hover */
    /*}

    .btn-success:active {
        background: linear-gradient(to bottom, #1e7e34, #155724);*/ /* Even darker on active */
    /*}*/

/* Light Button */
/*.btn-light {
    background: linear-gradient(to bottom, #ffffff, #bdbdbd);
    border-color: #495057;
    color: black;*/ /* White text */
/*}

    .btn-light:hover {
        background: linear-gradient(to bottom, #5a6268, #343a40);*/ /* Darker on hover */
        /*color: #495057;*/ /* White text */
    /*}

    .btn-light:active {
        background: linear-gradient(to bottom, #343a40, #23272b);*/ /* Even darker on active */
    /*}*/