h1{text-align:center}.music-download-section{width:100%;max-width:100%;margin:0;padding:20px;background-color:#242833}.music-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--desktop-vertical-gap) var(--desktop-horizontal-gap)}.music-item{background-color:#f0f0f0;border-radius:8px;box-shadow:0 4px 6px #0000001a;overflow:hidden;display:flex;flex-direction:column}.music-item-content{padding:15px;display:flex;flex-direction:column;flex-grow:1;text-align:center}.music-item img{width:100%;aspect-ratio:1 / 1;object-fit:cover}.music-item h3{margin:10px 0 5px;font-size:1em;line-height:1.2;text-align:center}.music-item .composer{margin:0 0 10px;font-size:.8em;color:#666;text-align:center}.music-item-buttons{margin-top:auto;display:flex;flex-direction:column;gap:10px}.music-item button{border:none;color:#fff;padding:8px 12px;text-align:center;text-decoration:none;display:inline-block;font-size:14px;cursor:pointer;border-radius:4px;width:100%}.music-item .download-mp3{background-color:#4caf50}.music-item .download-mp3:hover{background-color:#45a049}.music-item .preview-button{background-color:#008cba}.music-item .preview-button:hover{background-color:#007b9e}.audio-preview{display:none}.music-item.playing .preview-button:after{content:"";display:block;width:100%;height:4px;background:linear-gradient(90deg,#008cba,#2dcd96,#008cba);background-size:200% 100%;animation:play-animation 1.5s infinite linear;margin-top:5px;border-radius:4px}@keyframes play-animation{0%{background-position:0 0}to{background-position:-200% 0}}@media (max-width: 767px){.music-items[data-mobile-columns="1"]{grid-template-columns:1fr}.music-items[data-mobile-columns="2"]{grid-template-columns:repeat(2,1fr)}.music-items{gap:var(--mobile-vertical-gap) var(--mobile-horizontal-gap)}.music-item-content{padding:10px}.music-item h3{font-size:.9em}.music-item .composer{font-size:.7em}.music-item button{padding:6px 10px;font-size:12px}}@media (min-width: 768px){.music-items{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (min-width: 1024px){.music-items{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/music-download-css-recoded.css.map */