/* container music */
html{

scroll-behavior:smooth;

}

.music-player{
position:fixed;
bottom:20px;
right:20px;
z-index:9999;
}

/* tombol music */

#music-btn{

width:40px;
height:40px;

border-radius:50%;
border:1px solid rgba(255,255,255,0.25);

/* transparent background */

background:rgba(0,0,0,0.35);

color:white;

font-size:16px;

cursor:pointer;

display:flex;
align-items:center;
justify-content:center;

/* glass effect */

backdrop-filter:blur(6px);
-webkit-backdrop-filter:blur(6px);

/* shadow */

box-shadow:0 4px 12px rgba(0,0,0,0.25);

/* smooth animation */

transition:all 0.25s ease;

}

/* hover effect */

#music-btn:hover{

transform:scale(1.15);

background:rgba(0,0,0,0.55);

box-shadow:0 6px 18px rgba(0,0,0,0.35);

}

/* ketika music sedang play */

#music-btn.playing{

animation:spin 4s linear infinite;

}

/* animasi rotasi */

@keyframes spin{

from{
transform:rotate(0deg);
}

to{
transform:rotate(360deg);
}

}

/* responsive (mobile) */

@media (max-width:768px){

#music-btn{

width:36px;
height:36px;

font-size:14px;

}

}