.zige {
  display: inline-block;
  position: relative;
  border: 2px solid #d58811; 
  padding: 5px; 
  margin: 5px; 
  border-radius: 15px;
  width: 200px; 
  height:100px;
  cursor: pointer; 

}

.pinyin {
  position: absolute;
  top: 0.1em; 
  left: 50%;
  transform: translateX(-50%);
  font-size: 2em;
  white-space: nowrap;
}

.hanzi { 
transform: translateY(28px);
  font-size: 3.3em; 
  text-align: center;

}

.audio-container {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    text-align: center;
  }