/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./components/NumberKeypadForm.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.NumberKeypadForm_keypadContainer__G428I {
    display: grid;
    grid-template-rows: repeat(4, 1fr);
    width: 100vw;
    background-color: antiquewhite;
}

.NumberKeypadForm_keypadRow__5suie {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem; /* 간격을 조절하려면 이 값을 변경하세요 */
}

.NumberKeypadForm_keypadButton__3J_I7 {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: antiquewhite;
    border: none;
    padding: 1rem;
    font-size: 1rem;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
    color: #273C88;
    font-weight: 500;
}


/* cancel 버튼*/
.NumberKeypadForm_keypadButton__3J_I7 img {
    width: 24px;
    height: 24px;
    color: #273C88;
}