body, span, p {
    margin:0; margin-block-start: 0; margin-block-end: 0!important;
    font-family: "Bricolage Grotesque", Sans-serif
}
.flex, .lg-flex { display: flex; grid-gap:10px;}
.l-flex {display:flex; grid-gap:20px; align-items:center; padding: 5px 0;}
.items-center { align-items: center; }
.items-start {align-items: start;}
.items-end { align-items: end; }
.gap-20 { grid-gap: 20px; }  .gap-40 { grid-gap: 40px; }
.mb-20 {margin-bottom: 20px} .pb-10{padding-bottom: 10px;}
.ol { list-style-type: decimal; padding-inline-start: 0px;}
.wms-divider {border-top:2px solid #ccc; width:100%}
.wms-franke {font-weight:800; font-size:40px; color:#1f1f1f;}
.wms-wn-img {height:40px; width:auto; border-radius: 20px;}
.cover-img {height:160px; width: 160px !important; border-radius: 20px!important;}
.w-full {width: 100%;} .w-50 {width:50%;} .w-20 {width:20%;} .w-80 {width:80%;} .w-70 {width:70%;} .w-60 {width:60%;} .w-40 {width:40%;} .w-30 {width:30%;}
.wms-follow-button {
    background:#1f1f1f; 
    padding:8px 15px; 
    color:#fff;
    font-size:15px;
    border:none;
    border-radius:5px;
}
.wms-follow-button:hover, .wms-follow-button:active {background:#0091FF}
.wms-divider-btn, .wms-divider-btn:hover {
    background:#1f1f1f; 
    padding:5px 10px; 
    color:#fff;
    font-size:12px;
    border:none;
    border-radius:5px;
    cursor: none;
}
.wms-player { 
    margin: auto; 
    background-color: #fff;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    padding:20px;
    color: ;
}
.wms-active {
    padding: 20px;
    background-color: #0091FF;
    border-radius: 20px 20px 0 0;
}
.wms-cover {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    grid-gap:10px;
}
.wms-cover img {
    height: 200px;
    width: auto;
    max-height: 200px;
    border-radius: 10px!important;
    object-fit: cover;
    margin-right: 16px;
}
.wms-title {
    font-size: 20px;
    margin: 0;
    flex-grow: 1;
}
.play-btn {
    position: ;
    inset: 0;
    margin: auto;
    padding: 5px 10px;
    border-radius: 50%;
    background: #f4f4f4;
    color: #0091FF;
    font-size: 14px;
    border:none;
}
.play-btn:hover, .play-btn:focus {
    scale:1.1;
    background: #0091FF!important;
    color: #fff!important;
}
.wms-buy-btn {
    padding: 0px 10px;
    background-color: #1f1f1f;
    color: #fff;
    border-radius: 20px;
    text-decoration: none;
    border: none;
    font-size:12px;
}
.wms-buy-btn:hover {
    background-color: #333;
    color: #fff;
    text-decoration: none;
}
.track-item { display: block; margin: 8px 0; font-size:16px;}
.buy-btn { display: ; margin-top: 8px; }
.wms-track {font-size: 16px; font-weight:400; display:flex; justify-content: space-between; width:100%}
.wms-title {font-size: 16px; font-weight:400}
.wms-track-list {
    padding: 20px;
}
.wms-track-list li {cursor:pointer;}
.wms-track-list li:hover {color:#0091FF;}



@media (max-width: 600px) {
    .wms-title {
        font-size: 16px;
    }
    .wms-franke {font-size:25px}
    .wms-follow-button {padding:6px 12px}
    .buy-btn {
    padding: 5px 10px;
		width:100%
    }
    .l-flex {align-items: start; grid-gap:10px; border-bottom: 1px solid #999;}
    .lg-flex {display:block}
    ol {padding-inline-start: 5px;}
}