.btn {
  border: none;
  border-radius: 3px;
  background-color: #d0d0d0;
  position: relative;
  /*.
    background-image:linear-gradient(to bottom, @baseColor 50%, @darkerColor 100%);

    &:hover:not([disabled]) {
        background-image:linear-gradient(to bottom, @lighterColor 0%, @baseColor 100%);
    }

    &:active:not([disabled]) {
        background-image:linear-gradient(to bottom, @darkerColor 0%, @baseColor 100%);
    }
    */
}
.btn > i {
  color: #6a6a6a;
}
.btn:hover {
  background-color: #e4d6d6;
}
.btn-primary {
  border: none;
  border-radius: 3px;
  background-color: #c0e086;
  position: relative;
  /*.
    background-image:linear-gradient(to bottom, @baseColor 50%, @darkerColor 100%);

    &:hover:not([disabled]) {
        background-image:linear-gradient(to bottom, @lighterColor 0%, @baseColor 100%);
    }

    &:active:not([disabled]) {
        background-image:linear-gradient(to bottom, @darkerColor 0%, @baseColor 100%);
    }
    */
}
.btn-primary > i {
  color: #566b2f;
}
.btn-primary:hover {
  background-color: #cef28e;
}
.btn-primary > i {
  margin-right: 10px;
}
.btn-secondary {
  border: none;
  border-radius: 3px;
  background-color: #a8d5ff;
  position: relative;
  /*.
    background-image:linear-gradient(to bottom, @baseColor 50%, @darkerColor 100%);

    &:hover:not([disabled]) {
        background-image:linear-gradient(to bottom, @lighterColor 0%, @baseColor 100%);
    }

    &:active:not([disabled]) {
        background-image:linear-gradient(to bottom, @darkerColor 0%, @baseColor 100%);
    }
    */
}
.btn-secondary > i {
  color: #1671c5;
}
.btn-secondary:hover {
  background-color: #c2e1ff;
}
.btn-secondary > i {
  margin-right: 10px;
}
.btn-tertiary {
  border: none;
  border-radius: 3px;
  background-color: #eeb75f;
  position: relative;
  /*.
    background-image:linear-gradient(to bottom, @baseColor 50%, @darkerColor 100%);

    &:hover:not([disabled]) {
        background-image:linear-gradient(to bottom, @lighterColor 0%, @baseColor 100%);
    }

    &:active:not([disabled]) {
        background-image:linear-gradient(to bottom, @darkerColor 0%, @baseColor 100%);
    }
    */
}
.btn-tertiary > i {
  color: #684a19;
}
.btn-tertiary:hover {
  background-color: #ffc568;
}
.btn-tertiary > i {
  margin-right: 10px;
}
.btn-neutral {
  border: none;
  border-radius: 3px;
  background-color: #d0d0d0;
  position: relative;
  /*.
    background-image:linear-gradient(to bottom, @baseColor 50%, @darkerColor 100%);

    &:hover:not([disabled]) {
        background-image:linear-gradient(to bottom, @lighterColor 0%, @baseColor 100%);
    }

    &:active:not([disabled]) {
        background-image:linear-gradient(to bottom, @darkerColor 0%, @baseColor 100%);
    }
    */
}
.btn-neutral > i {
  color: #6a6a6a;
}
.btn-neutral:hover {
  background-color: #e4d6d6;
}
.btn-neutral > i {
  margin-right: 10px;
}
.btn-cancel {
  border: none;
  border-radius: 3px;
  background-color: #fca4ab;
  position: relative;
  /*.
    background-image:linear-gradient(to bottom, @baseColor 50%, @darkerColor 100%);

    &:hover:not([disabled]) {
        background-image:linear-gradient(to bottom, @lighterColor 0%, @baseColor 100%);
    }

    &:active:not([disabled]) {
        background-image:linear-gradient(to bottom, @darkerColor 0%, @baseColor 100%);
    }
    */
}
.btn-cancel > i {
  color: #b81c28;
}
.btn-cancel:hover {
  background-color: #ffbbc0;
}
.btn-cancel > i {
  margin-right: 10px;
}
.btn-download {
  border: none;
  border-radius: 3px;
  background-color: #d4f29d;
  position: relative;
  /*.
    background-image:linear-gradient(to bottom, @baseColor 50%, @darkerColor 100%);

    &:hover:not([disabled]) {
        background-image:linear-gradient(to bottom, @lighterColor 0%, @baseColor 100%);
    }

    &:active:not([disabled]) {
        background-image:linear-gradient(to bottom, @darkerColor 0%, @baseColor 100%);
    }
    */
}
.btn-download > i {
  color: #72992a;
}
.btn-download:hover {
  background-color: #e0feab;
}
.btn-download > i {
  font-size: 40px;
  margin-right: 30px;
}
.btn {
  cursor: pointer;
  padding: 1rem 2rem;
  border-radius: 3px;
  text-shadow: none;
  text-decoration: none;
  outline: none;
  vertical-align: middle;
  text-align: center;
  border: none;
  font: normal 0.8rem Verdana, Arial, Sans-Serif;
  display: flex;
  align-items: center;
  text-align: left;
  box-shadow: 1px 1px 1px #c0c0c0;
}
.btn:hover:not([disabled]) {
  background-image: unset;
}
.btn,
.btn:link,
.btn:active,
.btn:visited,
.btn:hover {
  color: #404040;
}
.btn:disabled {
  color: #909090;
  text-shadow: none;
  background: #d0d0d0;
}
.btn[disabled] {
  color: #606060;
  text-shadow: none;
  background: #d0d0d0;
}
.btn[disabled] > i {
  color: #a0a0a0;
}
.btn > i {
  text-align: center;
}
.btn-row {
  margin: 10px 0;
  display: flex;
  justify-content: center;
}
.btn-row a {
  padding: 0.6rem 3rem;
}
.btn-square .btn {
  height: unset;
}
.btn-large a {
  padding: 1.6rem 4rem;
}
.btn-square .btn {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.btn-square i {
  width: unset;
  margin: 0 0 0.3rem 0;
}
.btn-row .btn + .btn {
  margin-left: 10px;
}
.btn-col {
  margin: 10px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.btn-col .btn + .btn {
  margin-top: 8px;
}