/* ==============================================
   8. BUTTON STYLES (Extracted)
   ============================================== */

.donate-button-red .btn-primary {
    background-color: #E20917;
    color: white;
    padding: 6px 70px;
    border-radius: 10px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;    
    cursor: pointer;
    font-weight: 500;
    text-decoration: none;
}

    .donate-button-red .btn-primary:hover {
        background-color: #E83A33;
        color: white;
    }

.donate-button-yellow .btn-primary {
    background-color: #F2BC12;
    color: black;
    padding: 6px 70px;
    border-radius: 10px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    cursor: pointer;
    font-weight: 500;
    text-decoration: none;
}

    .donate-button-yellow .btn-primary:hover {
        background-color: #FFD44D;
        color: black;
    }

.donate-button-blue .btn-primary {
    background-color: #1B355E;
    color: white;
    padding: 6px 70px;
    border-radius: 10px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    cursor: pointer;
    font-weight: 500;
    text-decoration: none;
}

    .donate-button-blue .btn-primary:hover {
        background-color: #2B4F7E;
        color: white;
    }

.donate-button-green .btn-primary {
    background-color: #165342;
    color: white;
    padding: 6px 70px;
    border-radius: 10px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    cursor: pointer;
    font-weight: 500;
    text-decoration: none;
}

    .donate-button-green .btn-primary:hover {
        background-color: #267362;
        color: white;
    }



.stories-button .btn-primary {
    background-color: #1B355E;
    color: white;
    display: inline-block;
    padding: 6px 40px;
    border-radius: 10px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    font-weight: 500;
}

    .stories-button .btn-primary:hover {
        background-color: #2B4F7E;
        color: white;
    }

.recognition-button .btn-primary {
    padding: 6px 40px;
    background-color: #F2BC12;
    border-radius: 10px;
    opacity: 1;
    transform: rotate(0deg);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: black;
    font-weight: 700;
    text-decoration: none;
}

    .recognition-button .btn-primary:hover {
        background-color: #FFD44D;
        color: black;
    }

.project-button .btn-primary {
    padding: 6px 40px;
    background-color: #1B355E;
    border-radius: 10px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: white;
    text-decoration: none;
}

    .project-button .btn-primary:hover {
        background-color: #2B4F7E;
        color: white;
    }

.daily-message-button .btn-primary {
    padding: 6px 40px;
    background-color: #F2BC12;
    border-radius: 10px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: white;
    text-decoration: none;
}

    .daily-message-button .btn-primary:hover {
        background-color: #FFD44D;
        color: white;
    }

.meet-team-button .btn-primary {
    padding: 6px 40px;
    background-color: #1B355E;
    border-radius: 10px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: white;
    text-decoration: none;
}

    .meet-team-button .btn-primary:hover {
        background-color: #2B4F7E;
        color: white;
    }