.list-box{background:linear-gradient(180deg,rgb(255, 248, 242) 0%,rgb(255, 213, 187) 100%);margin:5px;padding:5px;display:flex;justify-content:left;align-items:center;border-radius:5px;box-shadow:0px 0px 8px rgb(106, 106, 106);}

.list-box-title{margin-left:auto;font-size:16px;}
.list-box-title a:hover{color:#1e00af;}

.list-box-left{display:flex;justify-content:left;}

.list-box-download a{font-size:16px;background:linear-gradient(180deg,rgba(255, 129, 48, 0.97) 0%,rgba(253, 123, 39, 0.37) 100%);padding:10px 20px;color:#000;margin:3px 10px;border-radius:6px;box-shadow:0px 0px 8px rgb(106, 106, 106);display:inline-block;}
.list-box-download a:hover{background:linear-gradient(180deg,rgba(255, 113, 21, 0.97) 0%,rgba(253, 123, 39, 0.37) 100%);}

.list-box-play {padding:1px 5px;border-radius:10px;background:linear-gradient(180deg,rgba(255, 129, 48, 0.97) 0%,rgba(253, 123, 39, 0.37) 100%);box-shadow:0px 0px 8px rgb(106, 106, 106);cursor:pointer;}
.list-box-play .play-icon {width:40px;height:40px;}
.list-box-play:hover{background:linear-gradient(180deg,rgba(255, 113, 21, 0.97) 0%,rgba(253, 123, 39, 0.37) 100%);}

@media screen and (max-width:900px){
.list-box-title{font-size:15px;}
}
@media screen and (max-width:710px){
.list-box{flex-direction:column;}
.list-box-title{margin-bottom:10px;margin-top:5px;}
.list-box-left{margin-right:auto;}
.list-box-download a{padding:5px 10px;}
.list-box-play .play-icon {width:35px;height:35px;}
}