.list-coupon > ul{
    flex: 1;
    list-style: none;
    padding: 10px 0;
    align-items: center;
    background-color: #f3f3f3;
    overflow-y: auto;
}

.container-no-coupon{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    gap: 2vw;
    width: 100%;
    font-size: 5vw;
    color: var(--main-color);
}

.list-coupon > ul > li{
    width: 90%;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 0 2px #bbb;
    display: flex;
    flex-direction: column;
    overflow:hidden;
    margin: 0 auto 15px;
}

.list-coupon > ul > li > div{
    display:flex;
    margin:10px;
    align-items:center;
    font-size:12pt;
    font-family:sans-serif;
    position:relative;
}

.list-coupon > ul > li > div > h4{
    position:absolute;
    right:0;
    font-size:30pt;
    font-weight:400;
    display:flex;
}

.list-coupon > ul > li > div > h4 > span{
    font-size:15pt;
}

.list-coupon > ul > li > div > img{
    width:8vw;
    margin:0 10px
}

.list-coupon > ul > li > label{
    margin: 10px 20px;
    color: #4a4a4a;
    font-family: sans-serif;
    font-size: 10pt;
}

.list-coupon > ul > li > footer{
    display:flex;
    padding:10px;
    align-items:center;
    background-color:#e6e6e6;
    color: #4a4a4a;
    font-family:sans-serif;
    font-size:10pt;
}

.list-coupon > ul > li > footer > i{
    font-size:10pt;
    margin:0 10px;
}

.list-coupon > ul:empty{
    display:flex;
    justify-content:center;
    align-items:center;
}

.list-coupon > ul:empty:before {
    content:"";
    width:10vw;
    height:10vw;
    border-radius:100%;
    border: 5px solid transparent;
    border-top-color: var(--main-color);
    animation: 500ms spin linear infinite;
}