@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@600;700&display=swap");*{box-sizing:border-box;margin:0;padding:0}body{font-family:Fredoka,Comic Sans MS,cursive,sans-serif;background-color:#ffde59;background-image:radial-gradient(#ffbd59 15%,transparent 16%);background-size:20px 20px;color:#111;min-height:100vh;padding:30px 15px}.container-tombol{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));grid-gap:16px;gap:16px;max-width:1200px;margin:0 auto;padding:10px}.img-btn{display:flex;flex-direction:column;align-items:center;justify-content:space-between;background-color:#fff;border:3.5px solid #000;border-radius:16px;padding:12px 8px;cursor:pointer;box-shadow:4px 4px 0 #000;transition:all .15s cubic-bezier(.175,.885,.32,1.275);-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;overflow:hidden}.img-btn:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 #000;background-color:#fff}.img-btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 #000}.img-wrapper{width:70px;height:70px;display:flex;align-items:center;justify-content:center;background-color:#f0f3f6;border:2.5px solid #000;border-radius:12px;padding:6px;margin-bottom:8px;box-shadow:inset 2px 2px 0 rgba(0,0,0,.1)}.img-wrapper img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.15))}.btn-label{font-size:.8rem;font-weight:700;text-align:center;color:#000;line-height:1.2;text-transform:uppercase;letter-spacing:.5px;word-break:break-word}@media (min-width:600px){.container-tombol{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:22px}.img-wrapper{width:85px;height:85px}.btn-label{font-size:.9rem}.img-btn{border-width:4px;box-shadow:5px 5px 0 #000}.img-btn:hover{box-shadow:8px 8px 0 #000}}