.btn-btn {
    display: flex;
    height: 36px;
    padding: 8px 32px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    color: var(--color-system-text-invert, #fff);
    /* One-Ad/title/large */
    font-family: Roboto;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 127.273% */
    letter-spacing: 0.25px;
    text-decoration: none;
}

.btn-ver-mas {
    display: flex;
    height: 32px;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    background: #fff;
    text-decoration: none;
}

.boton-filtros {
    display: flex;
    height: 26px;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid var(--Tokens-Others-borderLight, rgba(102, 102, 102, 0.2));
    background: #fff;
}

.btn-modal-razas {
    display: flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: var(--Tokens-Text-textPrimary, #000);
    /* Tipografia/title/medium */
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    text-decoration: none;
    border-radius: 8px;
}

.btn-verde {
    background: var(--color-brand-mantis, #6db34c);
}

.btn-verde-sin-fondo {
    border: 2px solid var(--color-brand-mantis, #6db34c);
    color: #6db34c;
}

.btn-gris {
    background: var(--color-primitives-grey-scale-grey-60, #d1d5cc);
}

.btn-naranja {
    border-radius: 8px;
    background: #f2b675;
    color: #FFF;
}

.btn-naranja-amarillo-claro {
    background-color: #f8dcb5;
}

.btn-azul {
    background-color: #0d6efd;
}

@media (min-width: 1190px) {
}

/*PANTALLAS LAPTOPS*/
@media (max-width: 1190px) and (min-width: 720px) {
    .btn {
        height: initial;
        padding: 8px 16px;
        font-size: 16px;
    }
}

/*PANTALLAS MEDIANAS*/

@media (max-width: 720px) and (min-width: 480px) {
}

/*PANTALLAS PEQUEÑAS*/
@media (max-width: 480px) and (min-width: 320px) {
}