a {
    color: var(--link-color);
    text-decoration: none;
}

a:hover {
    color: #0056b3;
    text-decoration: none;
}

a.btn {
    text-decoration: none;
    font-size: small;
}

button, .btn {
    display: inline-block;
    font-weight: 500;
    padding: 0.5rem 1rem;
    border: 2px solid transparent;
    border-radius: 0.25rem;
    text-align: center;
    cursor: pointer;
}

button:hover, .btn:hover {
    background-color: #0056b3;
    color: white;
    text-decoration: none;
}

.btn-primary {
  background-color: #007BFF; /* ブルー */
  color: #fff;
}

.btn-primary:hover {
  background-color: #0069D9; /* 少し濃いブルー */
}

.btn-outline-primary {
  background-color: #fff;
  color: #007BFF;
  border-color: #007BFF;
}
.btn-outline-primary:hover {
  background-color: #007BFF;
  color: #fff;
}

.btn-success {
  background-color: #28A745; /* グリーン */
  color: #fff;
}

.btn-success:hover {
  background-color: #218838;
}

.btn-outline-success {
  background-color: #fff;
  color: #28A745;
  border-color: #28A745;
}
.btn-outline-success:hover {
  background-color: #28A745;
  color: #fff;
}

.btn-danger {
  background-color: #DC3545; /* レッド */
  color: #fff;
}

.btn-danger:hover {
  background-color: #C82333;
}

.btn-outline-danger {
  background-color: #fff;
  color: #DC3545;
  border-color: #DC3545;
}

.btn-outline-danger:hover {
  background-color: #DC3545;
  color: #fff;
}

.btn-warning {
  background-color: #FFC107; /* イエロー */
  color: #212529;
}

.btn-warning:hover {
  background-color: #E0A800;
}

.btn-outline-warning {
  background-color: #fff;
  color: #FFC107;
  border-color: #FFC107;
}

.btn-outline-warning:hover {
  background-color: #FFC107;
  color: #212529;
}

.btn-info {
  background-color: #17A2B8; /* シアン */
  color: #fff;
}

.btn-info:hover {
  background-color: #138496;
}

.btn-outline-info {
  background-color: #fff;
  color: #17A2B8;
  border-color: #17A2B8;
}

.btn-outline-info:hover {
  background-color: #17A2B8;
  color: #fff;
}

.btn-secondary {
  background-color: #6C757D; /* グレー */
  color: #fff;
}

.btn-secondary:hover {
  background-color: #5A6268;
}

.btn-outline-secondary {
  background-color: #fff;
  color: #6C757D;
  border-color: #6C757D;
}

.btn-outline-secondary:hover {
  background-color: #6C757D;
  color: #fff;
}

h1 {
    font-size: x-large;
    margin: 10px 0;
}

h2 {
    font-size: large;
    margin: 5px 0;
}