.ub-button{--ub-button--color:var(--color--green);--ub-button--color-light:colorLighten($color);--ub-button--color-dark:colorDarken($color);--ub-button--text:var(--color--white);background-color:var(--ub-button--color);border-radius:3px;color:red;color:var(--ub-button--text);display:inline-block;font-size:var(--button-font-size);outline:none;padding:.6em;text-decoration:none;text-shadow:0 1px 0 var(--color--black)}.ub-button,.ub-button:hover{box-shadow:0,2px,0,0,var(--ub-button--color-dark)}.ub-button:hover{background-color:var(--ub-button--color-light)}.ub-button:active{background-color:var(--ub-button--color-dark);box-shadow:0,-2px,0,0,var(--ub-button--color-dark)}.ub-button.cyan{--ub-button--color:var(--color--cyan);--ub-button--color-light:colorLighten($color);--ub-button--color-dark:colorDarken($color)}.ub-button.blue{--ub-button--color:var(--color--blue);--ub-button--color-light:colorLighten($color);--ub-button--color-dark:colorDarken($color)}.ub-button.orange{--ub-button--color:var(--color--orange);--ub-button--color-light:colorLighten($color);--ub-button--color-dark:colorDarken($color)}.ub-button.green{--ub-button--color:var(--color--green);--ub-button--color-light:colorLighten($color);--ub-button--color-dark:colorDarken($color)}.ub-button.rose{--ub-button--color:var(--color--rose);--ub-button--color-light:colorLighten($color);--ub-button--color-dark:colorDarken($color)}.ub-button.brown{--ub-button--color:var(--color--brown);--ub-button--color-light:colorLighten($color);--ub-button--color-dark:colorDarken($color)}.ub-button.white{--ub-button--color:var(--color--white);--ub-button--color-light:var(--color--white);--ub-button--color-dark:var(--color--white)}.ub-button.outlined{background-color:transparent;border:1px solid transparent;letter-spacing:1.7px;padding:5px;text-shadow:none;text-transform:uppercase}@media (max-width:560px){.active .ub-button.outlined,.ub-button.outlined:active,.ub-button.outlined:hover{color:var(--ub-button--color)}}@media (min-width:560px){.active .ub-button.outlined,.ub-button.outlined:active,.ub-button.outlined:hover{border-color:var(--ub-button--color)}}