.object-link {
  text-decoration: none; /* 밑줄 제거 */
  color: inherit; /* 글자 색상 상속 */
  display: block; /* 링크를 블록 요소로 만들어 전체 영역 클릭 가능 */
}

/* Object container styling */
.object {
  margin: 20px auto; /* 중앙 정렬 */
  padding: 16px; /* 내부 여백 */
  border: 2px solid #1f1f1f; /* 검은색 윤곽 */
  display: flex; /* 플렉스 컨테이너 */
  align-items: center; /* 수직 중앙 정렬 */
  justify-content: space-between; /* 좌우 정렬 */
  height: 48px; /* 높이를 내용에 맞춤 */
  background-color: #ececec; /* 배경색 */
}

/* Text alignment inside the object */
.object-text-container {
  display: flex;
  flex-direction: column; /* 세로 정렬 */
  justify-content: center; /* 수직 중앙 정렬 */
  text-align: left; /* 텍스트 왼쪽 정렬 */
}

/* Title 설정 */
.object-title {
  color: #1f1f1f;
  font-size: 16px; /* 제목 크기 */
  font-weight: bold;
  margin: 0; /* 기본 마진 제거 */
}

/* Subtitle 설정 */
.object-subtitle {
  font-size: 14px; /* 부제목 크기 */
  color: #1f1f1fa4; /* 글자 색상 */
  margin: 2px 0 0 0; /* 위쪽 여백을 최소화 */
}

/* Enter text alignment */
.enter-text {
  font-size: 20px; /* 엔터 기호 크기 */
  font-weight: bold;
  margin: 0;
  color: #1f1f1f;
  display: flex;
  align-items: center; /* 텍스트 세로 중앙 정렬 */
  justify-content: center;
  height: 100%; /* 부모 높이와 맞춤 */
}

.object:hover {
  background-color: #000000;
}

.object:hover .object-text-container .object-title {
  color: #ffffff;
}

.object:hover .object-text-container .object-subtitle {
  color: #ffffffd0;
}

.object:hover .enter-text {
  color: #ffffff;
}