.e_Button{--button-height:50px;height:var(--button-height);border-radius:calc(var(--button-height) / 2);background:linear-gradient(180deg, #a8a8a8, #fff), var(--accent-color);text-transform:uppercase;letter-spacing:.3em;-webkit-tap-highlight-color:#0000;border:0;width:100%;padding:2px;font-size:16px;text-decoration:none;display:block;position:relative;box-shadow:0 -2px 3px #e5e5e5,0 2px 3px 2px #fff,0 0 25px #0000000d,inset 0 -10px 5px #fff}.e_Button--primary{--accent-color:#ff5a55;color:#fff}.e_Button--secondary{--accent-color:#fff;color:#000}.e_Button--rounded{--button-height:66px;width:var(--button-height)}.e_Button[disabled]{--accent-color:#d3d3d3;pointer-events:none}.e_Button:before{border-radius:inherit;background:linear-gradient(0deg, #00000030, #ffffff4d), var(--accent-color);content:"";transition:transform .3s,box-shadow .3s,background .1s .2s;display:block;position:absolute;inset:0;box-shadow:0 2px 1px -1px #0000001a}.e_Button__inner{background-color:var(--accent-color);height:calc(var(--button-height) - 4px);border-radius:inherit;-webkit-user-select:none;user-select:none;white-space:nowrap;place-content:center;padding-left:20px;padding-right:20px;transition:transform .3s,background .3s,box-shadow .3s;display:grid;position:relative}.e_Button:hover .e_Button__inner,.e_Button:focus .e_Button__inner{background:linear-gradient(0deg, #0000000d, #0000000d), var(--accent-color)}.e_Button:active:before{background:linear-gradient(0deg, #00000017, #00000029), var(--accent-color);transition:all .1s,background 50ms;transform:scale(.97);box-shadow:inset 0 0 3px #0009,0 2px 1px -1px #0000001a}.e_Button:active .e_Button__inner{background:linear-gradient(0deg, #0000001a, #0000001a), var(--accent-color);transition:all .1s;transform:scale(.97);box-shadow:inset 0 5px 5px #0003,inset 0 -3px 3px #fff3}
