.btn{
  @include transitions();
  font-size: 18px;
  line-height: 22px;
  text-transform: lowercase;
  border-radius: 3px;
  box-shadow: 0 3px 3px rgba(0,0,0,0.13);
  padding: 8px 22px;
  border: 0;
  &:hover{
    text-decoration: none;
  }
  &.focus,
  &:focus{
    background: inherit !important;
  }
  &.active,
  &:active{
    background: inherit !important;
  }
}

input .btn {
	margin-bottom: 15px;
}

// Make a button look and behave like a link
.alert .btn-link { background:white;}

.btn-link {
  background: transparent;
  border: 1px solid #f1700b;
  color: white;

  &:hover,
  &:focus,
  &:active {
    background: transparent;
    border-color: #f1700b;
  }

  &:hover,
  &:focus {
    color: #000000;
    background-color: #f1700b;
    border-color: #f1700b;
  }
}


// Block button
// --------------------------------------------------

.btn-block {
  display: block;
  width: 100%;
}

// Vertically space out multiple block buttons
.btn-block + .btn-block {
  margin-top: 5px;
}

// Specificity overrides
input[type="submit"],
input[type="reset"],
input[type="button"] {
  &.btn-block {
    width: 100%;
  }
}
.input-group-btn:last-child>.btn {
  padding-top: 10px;
  padding-bottom: 10px;
}

.btn-arrow{
  text-indent: -99999px;
  width: 73px;
  height: 65px;
  box-shadow: none;
  border-radius: 0;
  background: transparent;
  background-image: url(arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.btn-circle {
  line-height: 90px;
  font-size: 36px;
  width: 90px;
  border-radius: 50%;
  display: block;
  height: 90px;
  vertical-align: middle;
}

.btn-default{
  background:  #78a22f;
  &:hover{
    background: darken(#78a22f, 5);
  }
}
.btn-primary{
  background: #78a22f;
  &:hover{
    background: darken(#78a22f, 5);
  }
}
.btn-info{
  background: #ffffff;
  &:hover{
    background: darken(#ffffff, 5);
  }
}
.btn-success{
  background: #74923e;
  &:hover{
    background: darken(#74923e, 5);
  }
}
.btn-warning{
  background: #f1700b;
  &:hover{
    background: darken(#f1700b, 5);
  }
}
.btn-danger{
  background: #000099;
  &:hover{
    background: darken(#000099, 5);
  }
}

.donate-mobile{
  margin: 0;
  background: #6A9913;
  color: white;
  font-size: 18px;
  border: 0;
  padding: 0px 20px 0 20px;
  line-height: 36px;
  box-shadow: none;
  border-radius: 0px;
}