#section{background-color:#f5f5f5;height:100%;margin-top:0!important;padding:20px}#section,.containerr{align-items:center;display:flex;justify-content:center}.containerr{flex-wrap:wrap;gap:20px;max-width:900px}.circlee{align-items:center;border-radius:50%;color:#fff;display:flex;flex-direction:column;height:150px;justify-content:center;padding:12px;position:relative;text-align:center;transition:all .3s ease-in-out;width:150px}.circlee:first-child{background-color:#6ac33e}.circlee:nth-child(2){background-color:#0da9e0}.circle:nth-child(3){background-color:#29c3e7}.description{display:none;font-size:14px;margin-top:10px}.toggle-button:before{background:#fff;border-radius:50%;content:"";height:100%;left:0;position:absolute;top:0;transform:scale(.9);transition:.5s;width:100%;z-index:-1}.toggle-button:hover:before{box-shadow:0 0 15px #ffee10;transform:scale(1.1)}.toggle-button:hover{box-shadow:0 0 5px #ffee10;color:#fff;text-shadow:0 0 5px #ffee10}.toggle-button{background:#fff;border:none;border-radius:5px;bottom:10px;cursor:pointer;font-weight:700;padding:5px 10px;position:absolute}.show-description{display:block}.hide-text .text{display:none}.expanded{border-radius:20px;height:auto;padding:20px;width:250px}@media (max-width:768px){.containerr{align-items:center;flex-direction:column}}