/* Basic styling to give the card a nice appearance */
.card {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    margin: 20px auto;
    font-family: Arial, sans-serif;
}

.card-img-top {
    width: 100%;
    height: auto;
}

.card-body {
    padding: 20px;
}

.card-title {
    margin-top: 0;
    font-size: 24px;
    margin-bottom: 10px;
}

.card-text {
    font-size: 16px;
    margin-bottom: 20px;
}

.btn {
    text-decoration: none;
    padding: 10px 20px;              /* Adjusted padding for left and right */
    margin-bottom: 10px;             /* Space between stacked buttons */
    border-radius: 5px;
    display: block;                  /* Button will take full width of its container */
    width: 100%;                     /* Fill entire width */
    color: #fff;
    background-color: #007bff;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s;
}

/* If you don't want extra margin on the last button */
.btn:last-child {
    margin-bottom: 0;
}

.btn-primary:hover {
    background-color: #c37d01;
}

.btn {
    text-decoration: none;
    padding: 10px 20px;              /* Maintain padding for left and right */
    margin-bottom: 10px;             /* Space between stacked buttons */
    border-radius: 5px;
    display: block;                  /* Button will take full width of its container */
    width: 100%;                     /* Fill entire width */
    box-sizing: border-box;          /* Include padding in total width */
    color: #fff;
    background-color: #c38b2a;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s;
    
    text-align: center;              /* Horizontally center the text */
    line-height: 1.0;                /* Adjust as needed for vertical alignment */
}


.custom-btn-color {
    background-color: #c38b2a; /* Change #YOUR_COLOR_CODE to the color you desire */
    border-color: #c38b2a; /* Adjust if you want the border to be a different color */
}