.button{display:inline-block;text-decoration:none;padding:var(--p1) var(--p5);border-radius:5px;margin:var(--m1);font-weight:500;font-size:var(--fSmall);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;-webkit-transition:.5s linear;-moz-transition:.5s linear;-o-transition:.5s linear;-ms-transition:.5s linear;transition:.5s linear}.button--float-right{float:right}.button--float-left{float:left}.button-full{width:-moz-calc(100% - (var(--m1) * 2));width:-webkit-calc(100% - (var(--m1) * 2));width:-o-calc(100% - (var(--m1) * 2));width:calc(100% - (var(--m1) * 2))}.button:active{-webkit-transition:.25s linear;-moz-transition:.25s linear;-o-transition:.25s linear;-ms-transition:.25s linear;transition:.25s linear}.button svg{margin:0px var(--p2) 0px 0px;height:var(--fSmall)}.button-icon-left svg{position:relative;float:left}.button-text{background:none;color:var(--p800);border:2px solid transparent}.button-text:hover{background:var(--p100);border:var(--bw1) solid var(--p100)}.button-text:focus{background:var(--p200);border:var(--bw1) solid var(--p200)}.button-text:active{background:var(--p300);border:var(--bw1) solid var(--p300);border-radius:10px}.button-text svg{color:var(--p900)}.button-text:disabled{color:var(--g500);background:none;border-radius:5px;border:var(--bw1) solid transparent}.button-text:disabled svg{color:var(--g600)}.button-outline{color:var(--p800);border:var(--bw1) solid var(--g300);background:var(--p50)}.button-outline:hover{border:var(--bw1) solid var(--p400);background:var(--p50)}.button-outline:focus{border:var(--bw1) solid var(--p500);background:var(--p100)}.button-outline:active{background:var(--p200)}.button-outline:disabled{color:var(--g500);border:var(--bw1) solid var(--g300);background:none}.button-outline:disabled svg{color:var(--g600)}.button-solid{color:var(--p50);background:var(--p800);box-shadow:var(--shadow1);border:var(--bw1) solid var(--p800)}.button-solid:hover{background:var(--p700);border:var(--bw1) solid var(--p700);box-shadow:var(--shadow3)}.button-solid:focus{border:var(--bw1) solid var(--p800);background:var(--p800)}.button-solid:active{border:var(--bw1) solid var(--p900);background:var(--p900);box-shadow:var(--shadow1)}.button-solid:disabled{border:var(--bw1) solid var(--g300);background:var(--g300);color:var(--g600);box-shadow:none}.button-solid:disabled svg{color:var(--g600)}.button-text-align-left{text-align:left}.button-red{background:none;color:var(--r900)}.button-red:hover{background:var(--r100);border:var(--bw1) solid var(--r100)}.button-red:focus{background:var(--r200);border:var(--bw1) solid var(--r200)}.button-red:active{background:var(--r400);border:var(--bw1) solid var(--r500);border-radius:10px}.button-red:disabled{color:var(--g500);background:none;border-radius:var(--br1);border:var(--bw1) solid transparent}.button-red svg{color:var(--p900)}.button-red:disabled svg{color:var(--g600)}.button-red.button-outline{color:var(--r800);border:var(--bw1) solid var(--g300);background:none}.button-red.button-outline:hover{border:var(--bw1) solid var(--r400);background:var(--r50)}.button-red.button-outline:focus{border:var(--bw1) solid var(--r500);background:var(--r100)}.button-red.button-outline:active{background:var(--r200)}.button-red.button-outline:disabled{color:var(--g500);border:var(--bw1) solid var(--g300);background:none}.button-red.button-outline svg{color:var(--r900)}.button-red.button-solid{background:var(--r600);border:var(--bw1) solid var(--r600)}.button-red.button-solid:hover{background:var(--r700);border:var(--bw1) solid var(--r700)}.button-red.button-solid:focus{border:var(--bw1) solid var(--r800);background:var(--r800)}.button-red.button-solid:active{border:var(--bw1) solid var(--r900);background:var(--r900)}.button-red.button-solid:disabled{border:var(--bw1) solid var(--g300);background:var(--g300);color:var(--g600);box-shadow:none}.button-red.button-solid svg{color:var(--p900)}.button--align-right{float:right}.button--align-center{display:block;margin:0 auto}.button--font-size-xsmall{font-size:var(--fXSmall)}.button--font-size-xsmall svg{height:var(--fXSmall)}.button--font-size-small{font-size:var(--fSmall)}.button--font-size-small svg{height:var(--fSmall)}.button--font-size-medium{font-size:var(--fMedium)}.button--font-size-medium svg{height:var(--fMedium);margin-top:2px;margin-bottom:-2px}.button--font-size-large{font-size:var(--fLarge)}.button--font-size-large svg{height:var(--fLarge)}.button--font-size-xlarge{font-size:var(--fXLarge)}.button--font-size-xlarge svg{height:var(--fXLarge)}.button--no-margin{margin:0}