@charset "utf-8";

.btn {
  display: inline-block;
  margin: 0 0 1rem 1rem;
  padding: 1em 2em 1em 2em;
  font-family: tbudrgothic-std, regulator-nova, Arial, Helvetica, sans-serif;
  color: #fffac8;
  text-decoration: none;
  background-color: #feffda;
  border: 3px solid #922966;
  border-radius: 15px;
  box-shadow: inset 0px 0px 4px 0 rgba(83, 76, 76, 0.5);
  transition-property: border-color, box-shadow;
  transition-duration: 0.3s;
  transition-delay: 0s;
  transition-timing-function: ease-out;
}

.btn:hover {
  border-color: #da93d0
}

.btn:active {
  border-color: #4b0842;
  box-shadow: inset 0px 0px 12px 0 rgba(83, 76, 76, 0.75);
}

.news {
  background-color: rgba(240, 114, 12, 0.459);
}

.kotoha {
  background-color: rgba(132, 255, 208, 0.199);
}

.bot {
  background-color: rgba(162, 163, 255, 0.5);
}

.wiki {
  background-color: rgba(248, 166, 204, 0.459)
}

.wps {
  background-color: rgba(243, 172, 252, 0.425)
}