.CardVoucher{
    width: 100%;
    display: grid;
    grid-template-columns: 40% 10% 20% 10% 10% 10%;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    background-color: var(--bg-primary-light);
    border-bottom: 1px solid rgb(218, 218, 218);
}

.CardVoucher__span--income{
    color: var(--color-ternary-light) !important;
    font-size: 18px;
}

.CardVoucher__button{
    width: 100%;
    height: 35px;
    border: none;
    background-color: var(--bg-secondary-light);
    cursor: pointer;
    color: var(--color-primary-light);
    font-weight: bold;
}

@media screen and (min-width:100px) and (max-width:650px) {
    :root{
        --width-page:90%;
    }

    .CardVoucher{
        grid-template-columns: 35% 20% 20% 15%;
        justify-content: flex-start;
    }

    .CardVoucher>div>h4,.CardVoucher>div>span{
        font-size: 14px;
    }

    .CardVoucher>span{
        font-size: 14px;
        text-align: center;
    }

    .CardVoucher>span:nth-child(2){
        display: none;
    }

    .CardVoucher__span--income{
        font-size: 16px !important;
    }

}