@layer global, component-atom, component-molecule, page;@layer component-atom{.button{display:inline-block;padding:8px;background:#4c5778;color:#fff;fill:#fff;cursor:pointer;font-weight:inherit}.button:active,.button:focus,.button:hover{background:#242a3a;text-decoration:none}.button[disabled]{cursor:not-allowed}.button[disabled],.button[disabled]:active,.button[disabled]:focus,.button[disabled]:hover{color:#5a5981;background:#d0d6e8}.button--light{background:#fff;color:#4c5778;fill:#4c5778}.button--light:active,.button--light:focus,.button--light:hover{background:#e6e6e6;text-decoration:none}.button__icon{display:inline-block;height:1rem;margin-right:8px;fill:inherit}.button__icon,.button__text{vertical-align:middle}}