.circle-list{display:flex;flex-wrap:wrap;justify-content:center;list-style:none}.circle-list,.circle-list li{margin:0;padding:0}.circle-list button{align-items:center;border:1px solid rgba(0,0,0,.1);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-family:var(--ff-base);font-size:20px;font-weight:500;height:160px;justify-content:center;margin:-8px;transition:all .3s ease-out;width:160px}.circle-list button:hover{transform:scale(1.0625)}.circle-box{background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:10px;box-shadow:5px 5px 20px rgba(0,0,0,.05);font-size:14px;line-height:20px;max-width:360px;overflow:hidden;padding:22px 30px 32px;width:100%}.circle-box,.circle-item.active .circle-button{display:none}.circle-item.active .circle-box{animation:fadeInBox .3s ease forwards;display:block}.circle-box-title{margin-bottom:5px}@keyframes fadeInBox{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:991px){.circle-list{align-items:center;flex-direction:column}}