.hover-btn {
  transition: all 0.2s;

  &.blue-btn:hover,
  &.blue-btn:active,
  &.blue-btn:focus {
    .bc(@darkBlue);
  }

  &.pink-btn:hover,
  &.pink-btn:active,
  &.pink-btn:focus {
    .bc(@darkPink);
  }

  &.green-btn:hover,
  &.green-btn:active,
  &.green-btn:focus {
    .bc(@darkGreen);
  }

  &.yellow-btn:hover,
  &.yellow-btn:active,
  &.yellow-btn:focus {
    .bc(@darkYellow);
  }

  &.red-btn:hover,
  &.red-btn:active,
  &.red-btn:focus {
    .bc(@darkRed);
  }

  &.purple-btn:hover,
  &.purple-btn:active,
  &.purple-btn:focus {
    .bc(@darkPurple);
  }

  &.orange-btn:hover,
  &.orange-btn:active,
  &.orange-btn:focus {
    .bc(@darkOrange);
  }

  &.black-btn:hover,
  &.black-btn:active,
  &.black-btn:focus {
    .bc(@lightBlack);
  }

  &.white-btn:hover,
  &.white-btn:active,
  &.white-btn:focus {
    .bc(@darkWhite);
  }
}
@import "hover/_shadow-on-hover.less";