.button-lesson{--s:0.20em;padding:.4em .5em;background-color:#bf4d28;color:#fff;--_s:calc(var(--s) * 4) 51% repeat-x;--_r:calc(1.345 * var(--s)) at left 50%;--_g1:#000 99%,#0000 101%;--_g2:#0000 99%,#000 101%;--mask:radial-gradient(var(--_r) top calc(var(--s) * 1.9),var(--_g1)) calc(50% - 2 * var(--s) - var(--_i, 0px)) 0 /var(--_s),radial-gradient(var(--_r) top calc(var(--s) * -0.9),var(--_g2)) calc(50% - var(--_i, 0px)) var(--s) /var(--_s),radial-gradient(var(--_r) bottom calc(var(--s) * 1.9),var(--_g1)) calc(50% - 2 * var(--s) + var(--_i, 0px)) 100% /var(--_s),radial-gradient(var(--_r) bottom calc(var(--s) * -0.9),var(--_g2)) calc(50% + var(--_i, 0px)) calc(100% - var(--s)) /var(--_s);-webkit-mask:var(--mask);mask:var(--mask);clip-path:polygon(calc(2 * var(--s) - var(--_i, 0px)) 0,calc(100% - var(--_i, 0px)) 0,calc(100% - var(--s)) 50%,calc(100% - 2 * var(--s) + var(--_i, 0px)) 100%,calc(0% + var(--_i, 0px)) 100%,var(--s) 50%);transition:.35s}.button-lesson.alt{clip-path:polygon(calc(0% - var(--_i, 0px)) 0,calc(100% - 2 * var(--s) - var(--_i, 0px)) 0,calc(100% - var(--s)) 50%,calc(100% + var(--_i, 0px)) 100%,calc(2 * var(--s) + var(--_i, 0px)) 100%,var(--s) 50%)}.button-lesson:hover{--_i:calc(2 * var(--s))}.button-lesson.alt:hover{--_i:calc(-2 * var(--s))}.button-lesson:active{background-image:linear-gradient(rgba(0,0,0,.267) 0 0)}.button-lesson:focus-visible{clip-path:none;outline-offset:.1em;padding-block:.2em;margin-block:.2em;transition:0s}.button-lesson{font-family:system-ui,sans-serif;font-size:1.2rem;margin:0;border:none;border-radius:25px}@import"https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap";.button-lesson,.super-glow{font-weight:700;cursor:pointer}.super-glow{padding:15px 20px;background-color:#050801;color:#03e9f4;border:none;border-radius:5px;letter-spacing:4px;overflow:hidden;transition:.5s}.super-glow:hover{background:#03e9f4;color:#050801;box-shadow:0 0 5px #03e9f4,0 0 25px #03e9f4,0 0 50px #03e9f4,0 0 200px #03e9f4;-webkit-box-reflect:below 1px linear-gradient(transparent,rgba(0,0,0,.333))}button.button-estast{--hue:0;background-color:hsl(var(--hue),70%,50%);color:#fff;padding:5px 10px;margin:5px;--i:var(--light,0);--not-i:calc(1 - var(--i));--j:var(--press,0);--not-j:calc(1 - var(--j));z-index:var(--i);border:none;width:auto;height:auto;border-radius:5%;transform:scale(calc(1 - var(--j) * .02));box-shadow:calc(var(--not-j)*-.15em) calc(var(--not-j)*-.15em) .15em rgba(252,252,252,var(--not-j)),calc(var(--not-j)*.15em) calc(var(--not-j)*.15em) .15em rgba(210,218,230,var(--not-j)),inset calc(var(--j)*.15em) calc(var(--j)*.15em) .15em rgba(210,218,230,var(--j)),inset calc(var(--j)*-.15em) calc(var(--j)*-.15em) .15em rgba(252,252,252,var(--j));background:#e8e8e8;font-size:1em;transition:box-shadow .3s,transform .3s cubic-bezier(.2,4,1,3);cursor:pointer}button.button-estast:after{filter:Contrast(0) Sepia(var(--i)) Hue-Rotate(calc(var(--hue) - 50deg)) Saturate(5) Opacity(calc(var(--i) + .21 * var(--not-i))) Drop-Shadow(1px 1px hsla(0,0%,100%,var(--not-i)));transition:filter .3s;content:attr(data-ico)}button.button-estast:focus{outline:none}button.button-estast:focus,button.button-estast:hover{--light:1}button.button-estast:active{--press:1}.btn3d{color:#000;background-color:#d8d8d8;margin:.5rem;padding:.6rem 1rem;border:0 solid #ccc;outline:none;position:relative;border-radius:.9rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 .2rem .4rem rgba(0,0,0,.4),inset 0 -.3rem .6rem rgba(0,0,0,.2);transition:box-shadow .2s ease-out}.btn3d:after{content:"";background-color:#fff;width:75%;height:12.5%;position:absolute;top:.15rem;left:12.5%;border-radius:50%;filter:blur(.15rem);transition:opacity .2s ease-out;opacity:.9}.btn3d:hover{box-shadow:0 .4rem .6rem rgba(0,0,0,.4),inset 0 -.45rem .8rem rgba(0,0,0,.2)}.btn3d:hover:after{opacity:.7;height:13%;transition:opacity .2s ease-in}.btn3d:active{box-shadow:0 0 0 rgba(0,0,0,.4),inset 0 .4rem 1rem rgba(0,0,0,.3)}.btn3d:active:after{opacity:0}.btn3d:disabled{pointer-events:none;opacity:.6;box-shadow:none}.btn3d:disabled:after{opacity:0}.btn3d-info{color:#fff;background-color:#0091ea}.btn3d-success{color:#fff;background-color:#00c853}.btn3d-warning{color:#3e2723;background-color:#ffc400}.btn3d-error{color:#fff;background-color:#d50000}.btn3d-dark{color:#fff;background-color:#303030}