.simple-button3 {

/*
    background-color: #0f2a28;
    color: #ffffff;
    border: 1px solid #276964;
*/
    background-color: #276964;
    color: #ffffff;
    border: 1px solid #276964;



    
    /* 패딩 (안쪽 여백) */
    padding: 7px 10px;
    
    /* 모서리 둥글게 */
    border-radius: 10px; /* 더 둥글게 하려면 값을 늘리세요 */
    
    /* 테두리 제거 (기본 버튼 테두리 제거) */
    /*border: none;*/
    
    
    /* 폰트 스타일 */
    font-size: 1rem;
    font-weight: bold;
    text-decoration: none; /* 링크 버튼의 밑줄 제거 */
    
    /* 커서 모양 */
    cursor: pointer;
    
    /* 애니메이션 효과 (호버 시 부드러운 전환) */
    transition: background-color 0.3s ease, transform 0.2s ease;
    
    /* 인라인 요소인 경우 여백 */
    margin: 0px;
    
    /* 텍스트 정렬 (버튼 내 텍스트 중앙 정렬) */
    text-align: center;
    
    /* display 속성 (버튼과 링크 모두에 적용) */
    display: inline-block;

    /* width:100%; */
    /* max-width:420px; */
}

/* 호버 (마우스 오버) 시 스타일 */
.simple-button3:hover {
    background-color: #3a8cd4; /* 호버 시 약간 어두운 색상 */
    transform: translateY(-2px); /* 살짝 위로 올라오는 효과 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 그림자 추가 */
}

/* 활성화 (클릭) 시 스타일 */
.simple-button3:active {
    background-color: #2e7bbd; /* 클릭 시 더 어두운 색상 */
    transform: translateY(0); /* 원래 위치로 돌아옴 */
    box-shadow: none; /* 그림자 제거 */
}