/* Standard button */
.capsule,
input.capsule[type=submit],
input.capsule[type=button] {
  background: #bbbcbe;
  border: 0;
  border-radius: 1em;
  color: #fff;
  text-transform: uppercase;
  padding: 0.15em 0.6em 0 0.6em !important;
  font-size: 16px !important;
}
.capsule:hover,
input.capsule[type=submit]:hover,
input.capsule[type=button]:hover,
.capsule:focus,
input.capsule[type=submit]:focus,
input.capsule[type=button]:focus {
  color: #fff;
  outline-width: 0;
}
.capsule[role~=button]:visited,
input.capsule[type=submit][role~=button]:visited,
input.capsule[type=button][role~=button]:visited {
  color: #fff;
}
.capsule-bordered {
  margin-bottom: 6px;
  border: solid 2px #fff;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
/* Hover colors, changes background to a darker shade */
.capsule.background-smoke:hover {
  background: #919296 !important;
}
.capsule.background-carnation:hover {
  background: #c88d87 !important;
}
.capsule.background-lilac:hover {
  background: #8ca3d5 !important;
}
.capsule.background-powder:hover {
  background: #8fc3ea !important;
}
.capsule.background-horseradish:hover {
  background: #e6b53c !important;
}
.capsule.background-peach:hover {
  background: #eb951a !important;
}
.capsule.background-oil:hover {
  background: #b0b67a !important;
}
.capsule.background-mist:hover {
  background: #919296 !important;
}
.capsule.background-trout:hover {
  background: #e8252b !important;
}
.capsule.background-ice:hover {
  background: #4d91b8 !important;
}