.box { display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; background-color: #f2f2f2; position: relative; cursor: pointer; .text { z-index: 1; position: absolute; top: 15px; left: 0; width: 100%; height: 100%; font-size: 11px; height: 30px; line-height: 30px; text-align: center; font-weight: 500; } } .circle { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 30px; color: #FFF; background-color: #6B8CD7; border: 2px solid #4E68A3; } .rect { display: flex; justify-content: center; align-items: center; width: 52px; height: 30px; font-size: 12px; color: #333; border-radius: 4px; background-color: #BCD0FF; border: 2px solid #6B8CD7; }