/*
 * Meshki v3.0.0 (https://borderliner.github.io/Meshki/)
 * Copyright 2016-2024 Mohammadreza Hajianpour <hajianpour.mr@gmail.com>
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
button.yellow,
a.button.yellow,
input[type=submit].yellow,
input[type=reset].yellow,
input[type=button].yellow {
  border: 2px #f9f300 solid !important;
  color: #f9f300 !important;
}

button.yellow:hover,
a.button.yellow:hover,
input[type=submit].yellow:hover,
input[type=reset].yellow:hover,
input[type=button].yellow:hover {
  background-color: #f9f300 !important;
  border-color: #f9f300 !important;
  color: #222 !important;
}

button.yellow:active,
a.button.yellow:active,
input[type=submit].yellow:active,
input[type=reset].yellow:active,
input[type=button].yellow:active {
  background-color: #bfbb1a !important;
  border-color: #bfbb1a !important;
  color: #222 !important;
}

button.crimson,
a.button.crimson,
input[type=submit].crimson,
input[type=reset].crimson,
input[type=button].crimson {
  border: 2px #9a0000 solid !important;
  color: #9a0000 !important;
}

button.crimson:hover,
a.button.crimson:hover,
input[type=submit].crimson:hover,
input[type=reset].crimson:hover,
input[type=button].crimson:hover {
  background-color: #9a0000 !important;
  border-color: #9a0000 !important;
  color: #e1e1e1 !important;
}

button.crimson:active,
a.button.crimson:active,
input[type=submit].crimson:active,
input[type=reset].crimson:active,
input[type=button].crimson:active {
  background-color: #6f0606 !important;
  border-color: #6f0606 !important;
  color: #e1e1e1 !important;
}

button.purple,
a.button.purple,
input[type=submit].purple,
input[type=reset].purple,
input[type=button].purple {
  border: 2px #9c27b0 solid !important;
  color: #9c27b0 !important;
}

button.purple:hover,
a.button.purple:hover,
input[type=submit].purple:hover,
input[type=reset].purple:hover,
input[type=button].purple:hover {
  background-color: #9c27b0 !important;
  border-color: #9c27b0 !important;
  color: #e1e1e1 !important;
}

button.purple:active,
a.button.purple:active,
input[type=submit].purple:active,
input[type=reset].purple:active,
input[type=button].purple:active {
  background-color: #7b1fa2 !important;
  border-color: #7b1fa2 !important;
  color: #e1e1e1 !important;
}

button.lime,
a.button.lime,
input[type=submit].lime,
input[type=reset].lime,
input[type=button].lime {
  border: 2px #9dca33 solid !important;
  color: #9dca33 !important;
}

button.lime:hover,
a.button.lime:hover,
input[type=submit].lime:hover,
input[type=reset].lime:hover,
input[type=button].lime:hover {
  background-color: #9dca33 !important;
  border-color: #9dca33 !important;
  color: #222 !important;
}

button.lime:active,
a.button.lime:active,
input[type=submit].lime:active,
input[type=reset].lime:active,
input[type=button].lime:active {
  background-color: #849e24 !important;
  border-color: #849e24 !important;
  color: #222 !important;
}

button.brown,
a.button.brown,
input[type=submit].brown,
input[type=reset].brown,
input[type=button].brown {
  border: 2px #8d6e63 solid !important;
  color: #8d6e63 !important;
}

button.brown:hover,
a.button.brown:hover,
input[type=submit].brown:hover,
input[type=reset].brown:hover,
input[type=button].brown:hover {
  background-color: #8d6e63 !important;
  border-color: #8d6e63 !important;
  color: #e1e1e1 !important;
}

button.brown:active,
a.button.brown:active,
input[type=submit].brown:active,
input[type=reset].brown:active,
input[type=button].brown:active {
  background-color: #6d4c41 !important;
  border-color: #6d4c41 !important;
  color: #e1e1e1 !important;
}

button.space,
a.button.space,
input[type=submit].space,
input[type=reset].space,
input[type=button].space {
  border: 2px #607d8b solid !important;
  color: #607d8b !important;
}

button.space:hover,
a.button.space:hover,
input[type=submit].space:hover,
input[type=reset].space:hover,
input[type=button].space:hover {
  background-color: #607d8b !important;
  border-color: #607d8b !important;
  color: #e1e1e1 !important;
}

button.space:active,
a.button.space:active,
input[type=submit].space:active,
input[type=reset].space:active,
input[type=button].space:active {
  background-color: #455a64 !important;
  border-color: #455a64 !important;
  color: #e1e1e1 !important;
}

button.rose,
a.button.rose,
input[type=submit].rose,
input[type=reset].rose,
input[type=button].rose {
  border: 2px #e91e63 solid !important;
  color: #e91e63 !important;
}

button.rose:hover,
a.button.rose:hover,
input[type=submit].rose:hover,
input[type=reset].rose:hover,
input[type=button].rose:hover {
  background-color: #e91e63 !important;
  border-color: #e91e63 !important;
  color: #e1e1e1 !important;
}

button.rose:active,
a.button.rose:active,
input[type=submit].rose:active,
input[type=reset].rose:active,
input[type=button].rose:active {
  background-color: #c2185b !important;
  border-color: #c2185b !important;
  color: #e1e1e1 !important;
}

button.cyan,
a.button.cyan,
input[type=submit].cyan,
input[type=reset].cyan,
input[type=button].cyan {
  border: 2px #00e5ff solid !important;
  color: #00e5ff !important;
}

button.cyan:hover,
a.button.cyan:hover,
input[type=submit].cyan:hover,
input[type=reset].cyan:hover,
input[type=button].cyan:hover {
  background-color: #00e5ff !important;
  border-color: #00e5ff !important;
  color: #222 !important;
}

button.cyan:active,
a.button.cyan:active,
input[type=submit].cyan:active,
input[type=reset].cyan:active,
input[type=button].cyan:active {
  background-color: #00b8d4 !important;
  border-color: #00b8d4 !important;
  color: #222 !important;
}