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