.button-gallery{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin:20px 0;display:grid}.button-imageContainer.light-mode{background-color:#f5f5f5;border:1px solid #ddd;border-radius:10px;margin-bottom:20px;padding:10px;transition:transform .3s ease-in-out,box-shadow .3s;box-shadow:0 0 10px #0000001a}.button-imageContainer.light-mode:hover{box-shadow:0 0 15px #0003}.button-imageContainer.dark-mode{background-color:#1e1e1e;border:1px solid #444;border-radius:10px;margin-bottom:20px;padding:10px;transition:transform .3s ease-in-out,box-shadow .3s;box-shadow:0 0 10px #ffffff1a}.button-imageContainer.dark-mode:hover{box-shadow:0 0 15px #fff3}.button-imageContainer:hover .image-button{transition:transform .3s ease-in-out;transform:scale(1.05)}.image-button{object-fit:contain;width:100%;height:auto;display:block}.image-button-label{text-align:center;margin-top:8px;font-weight:500;display:block}.light-mode-text{color:#333}.dark-mode-text{color:#f0f0f0}