/* 画面右下にフロートされているボタン（新規作成） */
.create_button {
    position: fixed;
    bottom: 8%;
    right: 7%;
    width: 55px;
    height: 55px;
    background: #4299e1;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.4s cubic-bezier(0.2, 0.6, 0.3, 1.1);
    box-shadow: 0 0 10px gray;
}

.create_button:hover {
    background: #3182ce;
}

.create_button:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 7px;
    width: 50%;
    background: white;
}

.create_button:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 50%;
    width: 7px;
    background: white;
}

/* 画面右下にフロートされているボタン（編集） */
.edit_button {
    position: fixed;
    bottom: 8%;
    right: 7%;
    width: 55px;
    height: 55px;
    background: #4299e1;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.4s cubic-bezier(0.2, 0.6, 0.3, 1.1);
    box-shadow: 0 0 10px gray;
}

.edit_button:hover {
    background: #3182ce;
}