.Btn { display: flex; height: var(--module-double-n-half); align-items: center; cursor: pointer; text-decoration: none; background-position: center; background-repeat: no-repeat; color: inherit; background-size: auto 100%; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; user-select: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; position: relative; overflow: hidden; }

.Btn:after { display: block; content: ""; background-image: radial-gradient(circle at 50%, #fff 5%, transparent 5.01%); background-repeat: no-repeat; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; transition: opacity .3s, transform .2s; pointer-events: none; transform: scale3d(20, 20, 1); }

.Btn * { pointer-events: none; }

.Btn:active:after { transform: scale3d(0, 0, 0); opacity: 0.2; transition: transform 0s; }

.Btn.primary { background-color: rgba(0, 153, 255, 0.8); }

.Btn.back { background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fill="rgba(255,255,255,.8)"><g transform="translate(5,0)"><path d="M 28.57969,50 32.82233,54.242641 50.5,71.92031 54.742641,67.677669 37.064971,50 54.742641,32.32233 50.5,28.079689 32.82233,45.757359 Z"/></g></svg>'); background-size: auto 85%; }

.Btn.secondary { background-color: rgba(0, 0, 0, 0.2); font-weight: normal; }

header .Btn.secondary { background-color: rgba(0, 0, 0, 0.9); }

.Btn.menu { background-size: auto 90%; background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fill="rgba(255,255,255,.8)"><circle cx="51" cy="29" r="6"/><circle cx="51" cy="50" r="6"/><circle cx="51" cy="71" r="6"/></svg>'); }

.Btn.settings { background-size: auto 80%; background-image: url("gear.svg"); }

.button-row .Btn { border-radius: var(--module-quarter); }

a.Btn { justify-content: center; font-size: 1.2rem; font-weight: bold; }

/*# sourceMappingURL=buttons.css.map */