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

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

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

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