/********** Button CSS **********/
.btn
{
    font-family: 'Nunito', sans-serif;
    font-weight: 600;
    transition: .5s;
    margin-bottom: 5px; /* 버튼 아래 간격 추가 */
}

.btn-primary
{
    background-color: var(--primary);
    box-shadow: inset 0 0 0 50px transparent;
    color: #FFFFFF;                   /* 버튼 텍스트 색상 */
}

.btn-primary:hover
{
    box-shadow: inset 0 0 0 0 var(--primary);
    background-color: #f5c97a;      /* 더 연한 주황색 */
    color: #1a1a1a;                 /* 버튼 텍스트 색상 */
}

.btn-secondary
{
    color: #813636;
    box-shadow: inset 0 0 0 50px transparent;
}

.btn-secondary:hover
{
    box-shadow: inset 0 0 0 0 var(--secondary);
}

.btn-square
{
    width: 36px;
    height: 36px;
}

.btn-sm-square
{
    width: 30px;
    height: 30px;
}

.btn-lg-square
{
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square
{
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.btn-dark:hover
{
    background-color: #e6dede !important;
    color: #000000 !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}