button,.button{background-color:var(--core-dark-blue);border:.2rem solid var(--core-dark-blue);color:var(--greyscale-white);cursor:pointer;align-items:center;gap:var(--size-2xs);font-family:var(--font-body);font-size:var(--strong-sm);padding:var(--size-s);display:flex;@media (width>=768px){&{display:inline-flex}}}button:hover,.button:hover,button:active,.button:active{background-color:var(--greyscale-slate-4);border-color:var(--greyscale-slate-4);color:var(--greyscale-white)}button:disabled,.button:disabled,button[disabled],.button[disabled]{background-color:var(--greyscale-slate-2);border-color:var(--greyscale-slate-2)}.button--outlined,.button--outlined:focus,.button--outlined:focus-visible,.button--outlined:active{border-color:var(--core-dark-blue);color:var(--greyscale-slate-4);background-color:#0000}.button--outlined:hover{background-color:var(--core-dark-blue);border-color:var(--core-dark-blue);color:var(--greyscale-white)}.button--outlined:active{border-width:.3rem}.button--outlined:disabled,.button--outlined[disabled]{background-color:var(--greyscale-slate-2);border-color:var(--greyscale-slate-2);color:var(--greyscale-slate-2)}.button--secondary{background-color:var(--secondary-crest);border-color:var(--secondary-crest);color:var(--core-dark-blue);&.button--link:visited,& a:visited{color:var(--core-dark-blue)}}.button--secondary:hover,.button--secondary:active{background-color:var(--greyscale-white);border-color:var(--greyscale-white);color:var(--core-dark-blue)}.button--secondary:disabled,.button--secondary[disabled]{background-color:var(--greyscale-slate-3);border-color:var(--greyscale-slate-3)}.button--secondary-outlined,.button--secondary-outlined:focus,.button--secondary-outlined:focus-visible{border-color:var(--secondary-crest);color:var(--secondary-crest);background-color:#0000}.button--secondary-outlined:hover,.button--secondary-outlined:active{background-color:var(--secondary-crest);border-color:var(--secondary-crest)}.button--secondary-outlined:disabled,.button--secondary-outlined[disabled]{border-color:var(--greyscale-slate-3);color:var(--greyscale-slate-3);background-color:#0000}.button--clean{&,&:hover,&:focus,&:focus-visible,&:active{background-color:#0000;border:0;padding:0}}.button--link{text-decoration:none;&:visited{color:var(--greyscale-white)}}.button--icon{justify-content:space-between}.button--media{position:relative;&:after{content:"";background-color:var(--greyscale-white);opacity:.6;filter:blur(.8rem);z-index:-1;width:calc(100% + .3rem);height:calc(100% + .3rem);position:absolute;top:-.3rem;left:-.3rem}}