.button {
    font-family: "JetBrains Mono", monospace;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 8px 16px;
    font-size: .9rem;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    border-radius: .5rem;
    cursor: pointer;
}

.button-primary {
    background-color: var(--button-primary);
    color: var(--bg-color);
    border: 2px solid var(--button-primary);
    box-shadow: 0px 4px 10px var(--shadow-color);
}

.button-primary:hover {
    background-color: transparent;
    color: var(--button-primary);
    box-shadow: 0px 0px 10px var(--link);
}

.button-secondary {
    background-color: transparent;
    color: var(--link);
    border: 2px solid var(--link);
}

.button-secondary:hover {
    background-color: var(--link);
    color: var(--bg-color);
    box-shadow: 0px 0px 10px var(--link);
}
/* Configuración de iconos en botones */
button .lab,
.las {
    font-size: 1.3rem;
}