/* Peças reutilizáveis:
badge
buttons
button
button--primary (and hover)
button--secondary (and hover)
project-detail-button
*/

.badge {
    display: inline-block;
    margin-bottom: 18px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    font-size: 0.9rem;
    letter-spacing: 0.5px;
}

/* ======================
      PUBLIC BUTTONS
========================= */

.buttons {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.button {
    display: inline-block;
    padding: 12px 22px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s ease;
}

.button--primary {
    background: #D6D0C8;
    color: #0a0f1e;
}

.button--primary:hover {
    transform: translateY(-2px);
}

.button--secondary {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: #ffffff;
}

.button--secondary:hover {
    background: rgba(255, 255, 255, 0.08);
    transform: translateY(-2px);
}

.project-detail button {
    border: 0;
    border-radius: 8px;
    padding: 0.55rem 0.8rem;
    background: #d4af37;
    color: #111111;
    font-weight: 800;
}

.btn-primary,
.btn-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 42px;
    padding: 0.65rem 1.1rem;

    border-radius: 9px;

    font-weight: 800;
    font-size: 1rem;
}

.btn-primary {
    border: 0;
    background: #7798c8;
    color: #ffffff;
    box-shadow: 0 10px 24px rgba(82, 119, 166, 0.2);
    text-decoration: none;
    cursor: pointer;
    transition:
        background-color 180ms ease,
        box-shadow 180ms ease,
        transform 180ms ease;
}

.btn-primary:hover {
    background: #5f82b5;
    transform: translateY(-2px);
}

.btn-secondary {
    color: #263746;
    border: 1px solid #b7c0c7;
    background: rgba(255, 255, 255, 0.45);
}

.btn-secondary:hover {
    color: #466b9d;
    border-color: #7798c8;
    background: #ffffff;
}

.btn-primary.btn-small,
.btn-secondary.btn-small {
    min-height: auto;
    padding: 8px 14px;
    font-size: 0.9rem;
}