.header{
    position: relative;
    width:350px;
    height:120px;
    padding-top: 25px;
    background: #09090B; 
}

.icon-right{
    display: block;
    text-align:right;
    font-size: 24px;
    color: #ffffff;
    padding: 10px 20px;
    cursor:pointer;
}

.header .song__name{
    color: #CDC2FF;
    font-size: 1.450em;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
}

.header .album__name{
    color: #ffffff;
    font-size: 1.000em;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
}
.music__button{
    width: 100%;
    text-align: center;
    padding: 1vw 0vw;
}

.button__pause{
    display: inline-block;
    height: 7vw;
    width: 7vw;
    background: #2D3446;
    border-radius: 50%;
    box-shadow: 0 0 1px rgb(45, 52, 70);
    font-size: 7vw;
    margin:0 10px;
    text-align: center;
    line-height: 0vw;
    color: #FFF;
    cursor: pointer;  
}
.button__volume{
    display: inline-block;
    border-radius: 50%;
    box-shadow: 0 0 1px rgb(45, 52, 70);
    text-align: center;
    line-height: 0vw;
    color: #FFF;
    cursor: pointer;  
    font-size: 2.5vh;
}
.icon-music{
    margin: 0 10px;
    color: #FFF;
    cursor: pointer;
}

.button__pause:active{
    background: #4729A2;
   box-shadow:inset 0 0 10px #000000;
    transition:all 300ms ease;
}

input[type=range] {
   -webkit-appearance: none;
    background-color: silver;
    height: 0.5vh;
    border-radius: 3px;
    margin: 1vw 0;
}

input[type="range"]::-webkit-slider-thumb {
     -webkit-appearance: none;
    background-color: #7C60FF;
    width: 20px;
    height: 20px;
    border-radius: 10px;
}