/* 汎用ボタンの基本スタイル */
.button {
    padding: 5px 10px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    white-space: nowrap;
    color: white; /* 共通の文字色 */
}



/* 緑（汎用・作成ボタン） */
.button.create-btn,
.button.general-btn {
    background-color: #28a745; /* 緑 */
}

.button.create-btn:hover,
.button.general-btn:hover {
    background-color: #218838; /* ホバー時の濃い緑 */
}




/* 青（更新ボタン） */
.button.update-btn {
    background-color: #007BFF; /* 青 */
}

.button.update-btn:hover {
    background-color: #0056b3; /* ホバー時の濃い青 */
}




/* 赤（削除ボタン） */
.button.delete-btn {
    background-color: #FF4C4C; /* 赤 */
}

.button.delete-btn:hover {
    background-color: #d12f2f; /* ホバー時の濃い赤 */
}




/* グレー（キャンセルボタン） */
.button.cancel-btn {
    background-color: #6c757d; /* グレー */
}

.button.cancel-btn:hover {
    background-color: #5a6268; /* ホバー時の濃いグレー */
}