@cfpb/cfpb-design-system/dist/components/cfpb-buttons/index.css

CFPB's UI framework

button.a-btn::-moz-focus-inner,input.a-btn::-moz-focus-inner{border:0}.a-btn{appearance:none;display:inline-block;box-sizing:border-box;padding:.5em .875em;border:0;margin:0;border-radius:.25em;cursor:pointer;font-size:1em;font-weight:500;line-height:normal;text-align:center;text-decoration:none;transition:background-color .1s}.a-btn,.a-btn:link,.a-btn:visited{background-color:var(--pacific);color:var(--white)}.a-btn:hover,.a-btn.hover,.a-btn:focus,.a-btn.focus{background-color:var(--pacific-dark)}.a-btn:focus,.a-btn.focus{outline:1px dotted var(--pacific);outline-offset:1px}.a-btn:active,.a-btn.active{background-color:var(--navy)}.a-btn--secondary,.a-btn--secondary:link,.a-btn--secondary:visited{background-color:var(--gray);color:var(--white)}.a-btn--secondary:hover,.a-btn--secondary.hover,.a-btn--secondary:focus,.a-btn--secondary.focus{background-color:var(--gray-dark)}.a-btn--secondary:focus,.a-btn--secondary.focus{outline-color:var(--gray)}.a-btn--secondary:active,.a-btn--secondary.active{background-color:var(--black)}.a-btn--warning,.a-btn--warning:link,.a-btn--warning:visited{background-color:var(--red-mid-dark);color:var(--white)}.a-btn--warning:hover,.a-btn--warning.hover,.a-btn--warning:focus,.a-btn--warning.focus{background-color:var(--red-dark)}.a-btn--warning:focus,.a-btn--warning.focus{outline-color:var(--red-mid-dark)}.a-btn--warning:active,.a-btn--warning.active{background-color:var(--gray-dark)}.a-btn--disabled,.a-btn--disabled:link,.a-btn--disabled:visited,.a-btn--disabled:hover,.a-btn--disabled.hover,.a-btn--disabled:focus,.a-btn--disabled.focus,.a-btn--disabled:active,.a-btn--disabled.active,.a-btn[disabled],.a-btn[disabled]:link,.a-btn[disabled]:visited,.a-btn[disabled]:hover,.a-btn[disabled].hover,.a-btn[disabled]:focus,.a-btn[disabled].focus,.a-btn[disabled]:active,.a-btn[disabled].active{background-color:var(--gray-20);color:var(--gray-dark);cursor:default;cursor:not-allowed}.a-btn--disabled:focus,.a-btn--disabled.focus,.a-btn[disabled]:focus,.a-btn[disabled].focus{outline-color:var(--gray-20)}@media only all and (max-width: 37.5em){.a-btn--full-on-xs{display:block;width:100%}}.m-btn-group .a-btn+.a-btn{margin-left:.375em}.a-btn--link{padding:0 0 1.5px;border-radius:0;text-decoration-line:underline;text-decoration-thickness:1px;text-decoration-style:dotted;text-underline-offset:4.5px}.a-btn--link,.a-btn--link:link,.a-btn--link:visited{text-decoration-color:var(--pacific);background-color:transparent;color:var(--pacific)}.a-btn--link:hover,.a-btn--link.hover{text-decoration-color:var(--pacific-dark);text-decoration-style:solid;background-color:transparent;color:var(--pacific-dark)}.a-btn--link:focus,.a-btn--link.focus{text-decoration-style:solid;background-color:transparent;outline:1px dotted var(--pacific)}.a-btn--link:active,.a-btn--link.active{text-decoration-color:var(--navy);text-decoration-style:solid;background-color:transparent;color:var(--navy)}.a-btn--link.a-btn--secondary,.a-btn--link.a-btn--secondary:link,.a-btn--link.a-btn--secondary:visited{text-decoration-color:var(--gray);background-color:transparent;color:var(--gray)}.a-btn--link.a-btn--secondary:hover,.a-btn--link.a-btn--secondary.hover{text-decoration-color:var(--gray-dark);color:var(--gray-dark)}.a-btn--link.a-btn--secondary:focus,.a-btn--link.a-btn--secondary.focus{outline-color:var(--gray)}.a-btn--link.a-btn--secondary:active,.a-btn--link.a-btn--secondary.active{text-decoration-color:var(--black);color:var(--black)}.a-btn--link.a-btn--warning,.a-btn--link.a-btn--warning:link,.a-btn--link.a-btn--warning:visited{text-decoration-color:var(--red-mid-dark);background-color:transparent;color:var(--red-mid-dark)}.a-btn--link.a-btn--warning:hover,.a-btn--link.a-btn--warning.hover{text-decoration-color:var(--red-dark);color:var(--red-dark)}.a-btn--link.a-btn--warning:focus,.a-btn--link.a-btn--warning.focus{outline-color:var(--red-mid-dark)}.a-btn--link.a-btn--warning:active,.a-btn--link.a-btn--warning.active{text-decoration-color:var(--gray-dark);color:var(--gray-dark)}.a-btn__icon--on-left{padding-right:.6875em;border-right:1px solid var(--pacific-60);margin-right:.4375em}.a-btn__icon--on-right{padding-left:.6875em;border-left:1px solid var(--pacific-60);margin-left:.4375em}.a-btn--secondary .a-btn__icon{border-color:var(--gray-40)}.a-btn--warning .a-btn__icon{border-color:var(--red-60)}.a-btn--disabled .a-btn__icon,.a-btn[disabled] .a-btn__icon{border-color:var(--gray-60)}
/*# sourceMappingURL=index.css.map */