.glossy-btn{cursor:pointer;background:#856800;border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 3px #ffd943,inset 0 -2px 3px #0000001a,0 0 0 2px #fff}.glossy-btn:hover{filter:brightness(1.05)}.glossy-btn:active{filter:brightness(.9)}.bg-color-1{filter:blur(10px);background-color:#ffd943;border-radius:50%;width:100%;height:100%;position:absolute;top:-50%;left:-60%}.bg-color-2{filter:blur(10px);background-color:#c9acff;border-radius:50%;width:100%;height:100%;position:absolute;top:50%;left:60%}.bg-color-hover{filter:blur(6px);background-color:#fff;border-radius:50%;width:60%;height:50%;transition:all .3s;position:absolute;top:100%;left:50%;transform:translate(-50%,50%)}.glossy-btn:hover .bg-color-hover{transform:translate(-50%,-30%)}.glossy-btn:disabled{cursor:not-allowed;opacity:.7;background:#e1e1e1;box-shadow:inset 0 2px 3px #ffffff80,inset 0 -2px 3px #0000000d,0 0 0 2px #ffffff80}.glossy-btn:disabled .bg-color-1,.glossy-btn:disabled .bg-color-2,.glossy-btn:disabled .bg-color-hover{display:none}