色違いのflat2ボタン複数つくりたい

たとえば、mycolorというクラスを持つ.flat2のボタンの色を変える場合、
まず以下のCSSをダッシュボードの［外観］⇒［カスタマイズ］⇒［追加CSS］に貼り付けておきます。

.flat2.mycolor {
    border-color: #529fff; /* 線の色 */
    color: #529fff;  /* 文字色 */
}
.flat2.mycolor:hover {
    background: #529fff;  /* 背景色 */
}

そのうえで色違いのボタンを挿入するときにmycolorというクラス名を合わせて指定ようにします。
よろしくお願いします。

ありがとうございます。無事やりたいことができました。