Template:Annoying clickable button/styles.css

.annoy-button a:link {
  border-radius: 3px;
  font-weight: bold;
  font-size: 1em;
  line-height: 1.4em;
  padding: 0.5em 1em !important;
  display: inline-block;
  text-decoration: none !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  background-image: none !important;
}
.annoy-button a:hover,
.annoy-button a:focus {
  box-shadow: 0 2px rgba(0, 0, 0, 0.1), inset 0 -3px rgba(0, 0, 0, 0.2);
  text-decoration: none;
}
.annoy-button a:active {
  box-shadow: inset 0px 3px 3px rgba(0, 0, 0, 0.5);
}
.annoy-button a:visited {
  text-decoration: none;
}
.annoy-button-blue a {
  color: white !important;
  background-color: #3266cc !important;
}
.annoy-button-red a {
  color: white !important;
  background-color: #d11d13 !important;
}
.annoy-button-black a {
  color: white !important;
  background-color: #1b1b1b !important;
}
.annoy-button-green a {
  color: white !important;
  background-color: #00af89 !important;
}
.annoy-button-orange a {
  color: white !important;
  background-color: #ff7f00 !important;
}
.annoy-button-yellow a {
  color: white !important;
  background-color: #fabf00 !important;
}
.annoy-button-purple a {
  color: white !important;
  background-color: #9241cc !important;
}
.annoy-button-pink a {
  color: white !important;
  background-color: #ee4179 !important;
}
.annoy-button-brown a {
  color: white !important;
  background-color: #915121 !important;
}
.annoy-button-white a {
  color: black !important;
  background-color: #eeeeee !important;
  border: 1px solid #ccc;
}
.annoy-button-green a:active {
  background-color: rgb(0, 140, 110) !important;
}
.annoy-button-red a:active {
  background-color: rgb(167, 23, 15) !important;
}
.annoy-button-blue a:active {
  background-color: rgb(42, 98, 204) !important;
}
.annoy-button-white a:active {
  background-color: #c0c0c0 !important;
}
.annoy-button-customcolor a {
  color: inherit !important;
  background-color: inherit !important;
}