/*
Theme Name: ALMA-2019 Child
Template: ALMA-2019
*/

/* 既存の red/blue と同じ書き方で green を定義 */
.md-btn.green{
  border: 1px solid #28a745;
  color: #fff;
  background-color: #28a745;
}
.md-btn.green:before,
.md-btn.green:hover,
a:hover .md-btn.green{
  color: #28a745;          /* ← 文字色はベース色に */
  background-color: #fff;  /* ← 背景は白に反転 */
}

/* （青と同様に）右下アイコンの色を合わせたい場合だけ */
.md-btn.green .right-bottom-icon{ color:#fff; }
.md-btn.green:hover .right-bottom-icon{ color:#28a745; }