＜el-button-group＞样式改变

记录一下做项目过程中遇到的问题：
elelmentui官方文档中、所给的按钮组示例长这样

而这是我需要的样子

这里需要改变的样式有背景颜色、字体颜色、鼠标悬停时背景颜色、点击按钮后背景颜色及字体颜色。
话不多说直接上代码：

 <el-button-group>
        <el-button type="primary">新歌速递</el-button>
        <el-button type="primary">新蝶上架</el-button>
      </el-button-group>

/*  自定义el-button样式*/
.el-button--primary {
  background-color: #FFFFFF
  color: #000000
  border-radius 70px
  border-color #BBBBBB
}
.el-button--primary:hover{
  background-color: #F4F4F4
  color: #000000
  border-color #BBBBBB
}
.el-button--primary:focus{
  background-color: #BBBBBB
  color: #FFFFFF
  border-color #BBBBBB

}