.click-btn {
  box-shadow: 0px 5px 0px @lightGray;

  &:focus {
    box-shadow: 0px 5px 0px @lightGray;
  }

  &:active {
    transform: translateY(3px);
    box-shadow: 0px 2.5px 0px @lightGray;
  }

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

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

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

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

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

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

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