.pga-button-fundo-escuro {
background-color: var(--pga-color-primary-light);
color: white;
font-family: var(--font-family-base);
font-size: calc(var(--font-size-base) + 4px);
font-weight: 500;
padding: 8px 12px;
border-radius: 10px;
border: none;
cursor: pointer;
transition: background-color 0.5s;
}

.pga-button-fundo-escuro:hover {
    font-family: var(--font-family-base);
    font-size: calc(var(--font-size-base) + 4px);
    background-color: var(--pga-color-gray-lightest); 
    color: var(--pga-color-primary);
    font-weight: 500;
}