.buttons-test[data-v-03ee7cfe]{height:300px;display:flex;justify-content:center;align-items:center;background:#666;margin-bottom:20px}.buttons-test .buttons[data-v-03ee7cfe]{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;min-width:140px;gap:30px}.buttons-test .buttons label[data-v-03ee7cfe]{position:relative;width:100px;height:100px;display:flex;justify-content:center;align-items:center;cursor:pointer}.buttons-test .buttons label input[data-v-03ee7cfe]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.buttons-test .buttons label i[data-v-03ee7cfe]{position:relative;z-index:10;font-size:3em}.buttons-test .buttons label span[data-v-03ee7cfe]{position:absolute;width:100%;height:100%;background:linear-gradient(#555353,#363535,#303030);border:2px solid #222;border-radius:10px}.buttons-test .buttons label span[data-v-03ee7cfe] :before{content:"";position:absolute;inset:5px 3px;border-top:1px solid #ccc;filter:blur(2px)}.buttons-test .buttons label span.btn-check-span-false[data-v-03ee7cfe]{box-shadow:inset 0 15px 4px rgba(0,0,0,.35),0 10px 10px rgba(0,0,0,.5),0 30px 50px rgba(0,0,0,.35)}.buttons-test .buttons label i.btn-check-icon-false[data-v-03ee7cfe]{color:#f0f2f5;text-shadow:none}.buttons-test .buttons label span.btn-check-span-true[data-v-03ee7cfe],.buttons-test .buttons label span[data-v-03ee7cfe]:hover{box-shadow:inset 0 4px 4px rgba(0,0,0,.35),inset 0 10px 10px rgba(0,0,0,.5),inset 0 30px 50px rgba(0,0,0,.35)}.buttons-test .buttons label i.btn-check-icon-true[data-v-03ee7cfe]{color:#ff0;text-shadow:0 0 3px #f5f5f5,0 0 8px #f5f5f5}