.btn {
    background-color: var(--primary-color); 
    color: var(--white-color);
    border: none;
    border-radius: 8px;
    padding: 0.6em 1.2em;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.1s ease;
}

.btn:hover {
    background-color: var(--primary-color-dark);
}

.btn:active {
    transform: scale(0.97); 
}

.btn:focus {
    outline: 2px solid var(--primary-color-focus); 
    outline-offset: 2px;
}


table .btn{
    padding: 0.5em 0.5em;
    padding-bottom: 0.1em;
    background-color: var(--danger-color);
    align-items: center;
}

table .btn:focus {
    outline: 2px solid var(--danger-color-focus); 
    outline-offset: 2px;
}

table .btn:hover {
    background-color: var(--danger-color-dark);
}