.notice-box {
  background: #FFFBEA;
  border: 1.5px solid #F5D060;
  border-radius: 10px;
  padding: 12px 14px;
}
.notice-box-wrap{
  display: flex;
  align-items: flex-start;
  gap: 5px;
}
.notice-icon {
  font-size: 18px;
  flex-shrink: 0;
  margin-top: 1px;
}

.notice-title {
  font-size: 13px;
  font-weight: 700;
  color: #7A4E00;
  margin-bottom: 4px;
}

.notice-sub {
  font-size: 12px;
  color: #8C6A1A;
  line-height: 1.65;
}
.wobble-btn{
  display: flex;
  align-items: center;
  gap: 10px;

  border: 1px solid #334862;
  border-radius: 10px;
  padding: 6px 5px;
  background-color: #eaf1faa8;

  animation: floatY 0.9s ease-in-out infinite;
}

@keyframes floatY {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-6px); }
    100% { transform: translateY(0); }
}


.wobble-btn:hover{
  color: #334862;
}
.credit-hint-wrapper{
  display: flex;
  justify-content: flex-end;

}
.wobble-btn-left{
  display:flex;
  align-items:center;
  gap:3px;
}
.wobble-btn-left span{
  font-size: 14px;
}