.chip{
    transition: .3s ease all;
    font-family: 'Telefonica-sans-demibold';
    font-size: .6875rem;
    line-height: .75rem;
    letter-spacing: .05rem;
    text-transform: uppercase;
    padding: .5rem;
    margin: 0px;
    border-radius: 15px;
    font-weight: bold;
    width: auto;
    margin: .5rem;
}

.chip.verde{
    background-color: var(--green1);
    color: var(--green3);
}

.chip.rojo{
    background-color: var(--red1);
    color: var(--red3);
}

.chip.amarillo{
    background-color: var(--yellow1);
    color: var(--yellow3);
}

.chip.azul{
    background-color: var(--blue3);
    color: var(--blue2);
}

.chip.gris{
    background-color: var(--grey1);
    color: var(--grey3);
}