.bubble-tip-container{position:relative}.question-mark-button{width:.7rem;height:.7rem;background-size:100% 100%;cursor:pointer;font-size:.3rem;color:#333;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;background:#46bf4f;border-radius:5rem}.bubble-tip{position:absolute;top:1.15rem;right:-.12rem;width:8rem;background-color:#fff;border:1px solid #ccc;border-radius:.15rem;box-shadow:0 4px 8px rgba(0,0,0,.1);z-index:1000;animation:fadeIn .3s ease}.bubble-tip-arrow{position:absolute;top:-10px;right:15px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;z-index:1001}.bubble-tip-content{padding:.3rem;font-size:.4rem}.bubble-tip p{margin:0;color:#333;line-height:1.5}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}