.btn{color:inherit;text-align:center;letter-spacing:.02em;cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:.0625rem;justify-content:center;align-items:center;gap:.5rem;padding:.6875rem;font-family:Helvetica,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:700;line-height:1.125;text-decoration:none;transition:color .2s,background-color .2s,border-color .2s;display:inline-flex}.btn__icon{block-size:1.5rem;inline-size:1.5rem;-webkit-mask:var(--btn-icon) center/contain no-repeat;mask:var(--btn-icon) center/contain no-repeat;background-color:currentColor;flex:none}.btn:focus-visible{outline-offset:2px;outline:2px solid}.btn--primary.btn--black{color:var(--color--white);background-color:var(--color--black)}.btn--primary.btn--black:hover{background-color:var(--color--black-hover)}.btn--primary.btn--yellow{color:var(--color--black);background-color:var(--color--yellow)}.btn--primary.btn--yellow:hover{background-color:var(--color--yellow-hover)}.btn--secondary.btn--black{color:var(--color--black);border-color:var(--color--black)}.btn--secondary.btn--black:hover{background-color:var(--color--light-grey)}.btn--secondary.btn--yellow{color:var(--color--yellow);border-color:var(--color--yellow)}.btn--secondary.btn--yellow:hover{color:var(--color--yellow-hover);border-color:var(--color--yellow-hover);background-color:#fff3}.btn--tertiary{padding:0}.btn--tertiary:hover{text-decoration:underline}.btn--tertiary.btn--black{color:var(--color--black)}.btn--tertiary.btn--yellow{color:var(--color--yellow)}