【css】少し変わったセレクタの設定方法

  <Button className={"basic-button-box pickup"} modifier="large" onClick={props.click}>{props.text}<div className="right-arrow-box"><i class={props.svg} icon={{default: props.defaultSVG}} style={{color: "#fff", fontSize: "28px"}}></i></div></Button>

/*画像付きボタンののレイアウト*/
  .basic-button-box ons-button{
    width: 320px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px !important;
    padding: 4px 0px !important;
  }
  .basic-button-box .pickup{
    background: #f50057;
  }