.members-type-buttons{margin-bottom:20px;text-align:center}.members-type-buttons .members-list-button{display:inline-block;padding:10px 15px;margin:5px;background-color:#fff0;color:#111518;border:2px solid #111518;cursor:pointer;border-radius:5px;transition:background-color 0.3s,color 0.3s,border-color 0.3s}.members-type-buttons .members-list-button:hover{background-color:rgb(0 190 255 / .1);color:#111518}.members-type-buttons .members-list-button.active{background-color:rgb(0 190 255 / .3);color:#111518;font-weight:700;border-color:#111518}.members-list{list-style:none;padding:0;display:grid;gap:15px;justify-content:center;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.members-list li{position:relative;overflow:hidden;border-radius:10px;transition:transform 0.3s}.members-list li a{display:block;width:100%;height:100%;text-decoration:none}.members-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform 0.3s,box-shadow 0.3s;border-radius:10px}.members-list li:hover{transform:scale(1.05)}.members-list li a:focus .members-thumbnail,.members-list li a:hover .members-thumbnail{transform:scale(1.1);box-shadow:0 4px 8px rgb(0 0 0 / .2)}.member-title{position:absolute;bottom:0;left:0;width:100%;padding:10px;background:rgb(255 255 255 / .7);color:#111518;font-size:14px;font-weight:700;text-align:center;z-index:10;word-break:break-word;border-bottom-left-radius:10px;border-bottom-right-radius:10px}@media (max-width:480px){.members-list{gap:10px}.member-title{font-size:12px}}@media (min-width:481px) and (max-width:768px){.members-list{gap:12px}.member-title{font-size:13px}}@media (min-width:769px) and (max-width:1024px){.members-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (min-width:1025px){.members-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}}