.boton {
    padding: 15px 10px;
    border-radius: 5px;
    text-align: center;
    font-family: var(--mulish);
    font-size: 16px;
    border: none;
}

.bg-gris {
    background-color: #F9F9F9;
}

.boton:hover {
    color: #fff;
}

.bg-negro {
    background-color: var(--negro);
    color: var(--blanco);
}

.bg-blanco {
    background-color: var(--blanco);
    color: var(--negro);
}

.ls-normal {
    letter-spacing: normal;
}

.ls-1 {
    letter-spacing: 1px;
}

.ls-2 {
    letter-spacing: 1.2px;
}

.ls-3 {
    letter-spacing: 1.3px;
}

.ls-4 {
    letter-spacing: 1.4px;
}

.ls-6 {
    letter-spacing: 1.6px;
}
.ls-7 {
    letter-spacing: 1.7px;
}
.ls-8 {
    letter-spacing: 1.8px;
}
.ls-9 {
    letter-spacing: 1.9px;
}
.ls-10 {
    letter-spacing: 2px;
}

.ls-20 {
    letter-spacing: 3px;
}

.ls-normal {
    letter-spacing: normal;
}

.no-border {
    border: none;
}

a.bg-negro {
    color: var(--blanco);
}

.boton.boton-sm {
    padding: 5px 10px;
} 

.boton.boton-md {
    padding: 10px;
}