.player {
  position: relative;
  width: 40px;
  height: 40px;
 # background-color: rgba(0,0,0,0.2);
  display: flex;
  border-radius: 2px;
  padding: 5 16px;
  img {
    margin-top: 5px;
    width: 60px;
    height: 50px;
  } 
  .btns {
    width: 50%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1px;
    
    div:nth-child(1) {
            font-size: 30px;
        }
        div:nth-child(2), div:nth-child(3) {
            font-size: 18px;
        }
    
  } 
}

@font-face {
    font-family: iconfont;
   src: url('/edas-search/javax.faces.resource/fonts/iconfont-4e6.woff.xhtml')
}

.iconfont {
        font-family: iconfont!important;
        font-size: 36px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
 
    .icon-play:before {
        content: "\e616"
    }
    
    .icon-stop:before {
        content: "\e617"
    }