.common-button{--text-color:#fff;--gap:.25em;--border-width:3px;--border-radius:2em;--border-color:#00b7ff;--background-color:#000;--background-color-hover:lighten(var(--background-color),200);--background-color-activate:lighten(var(--background-color),100);align-items:center;background-color:var(--background-color);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 2px 4px #0006;color:var(--text-color);cursor:pointer;display:flex;display:inline-flex;font-size:var(--28557dda);justify-content:center;padding:.5em 1.25em;position:relative;text-decoration:none;transition:all .3s}.common-button.-is-gradient-border{--background-color-start:rgba(0,0,0,.5);--background-color-end:#000;--border-color-start:#0df;--border-color-end:#00b7ff;background-clip:padding-box,border-box;background-image:linear-gradient(var(--background-direction,to bottom),var(--background-color-start,#000),var(--background-color-end,#000)),linear-gradient(var(--border-color-direction,to right),var(--border-color-start,#0df),var(--border-color-end,#00b7ff));background-origin:border-box;background-position-y:100%,center;background-size:100% 188%,cover;border:var(--border-width,2px) solid transparent;border:var(--border-width) solid transparent!important}.common-button:active,.common-button:focus,.common-button:hover{background-color:var(--background-color-hover)}.common-button:active:active,.common-button:focus:active,.common-button:hover:active{background-color:var(--background-color-activate);box-shadow:inset 0 0 .5rem #00000080}.common-button.-is-gradient-border:active,.common-button.-is-gradient-border:focus,.common-button.-is-gradient-border:hover{background-position-y:0,center}.common-button.-is-gradient-border:active{background-position-y:20%,center;box-shadow:inset 0 0 .5rem #00000080}.common-button .icon-container>img{display:block;max-height:1em}.common-button .icon-container+.text,.common-button .text+.icon-container{margin-left:var(--gap)}