.card{position:relative;width:175px;height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;border-radius:16px;cursor:pointer;background-color:#f5f5f5;border:1px solid #000}.card.circle{width:100px;height:auto;border:none;gap:16px;background:none!important}.card.circle:hover{border:none}.card.circle:hover .textCard{font-size:12px;font-weight:700}.card.circle .iconCard{display:flex;align-items:center;justify-content:center;width:90px;height:90px;background-color:#c5d9e9;border-radius:90px!important}.card.circle .textCard{font-size:12px;font-weight:400}.card:hover{border:2px solid #333;background-color:#f5f5f5}.card.active{background-color:#c5d9e9}.card .textCard{font-size:13px;font-weight:400}@media(max-width:700px){.card{width:150px;height:120px}}