.linkbutton a,.linkbutton button{display:flex;align-items:center;transition:border .4s,color .4s;padding:.5rem;color:var(--color-light);background-color:var(--color-dark);border:1px solid var(--color-light);text-decoration:none}.linkbutton a svg *,.linkbutton button svg *{stroke:var(--color-light);transition:stroke .4s}.linkbutton a.linkbutton-on:not(.disabled),.linkbutton a:hover:not(.disabled),.linkbutton button.linkbutton-on:not(.disabled),.linkbutton button:hover:not(.disabled){color:var(--color-highlight);border:1px solid var(--color-highlight)}.linkbutton a.linkbutton-on:not(.disabled) svg *,.linkbutton a:hover:not(.disabled) svg *,.linkbutton button.linkbutton-on:not(.disabled) svg *,.linkbutton button:hover:not(.disabled) svg *{stroke:var(--color-highlight)}@media(min-width:768px){.linkbutton a.linkbutton-large,.linkbutton button.linkbutton-large{font-size:1.4rem;padding:.75rem}}@media(max-width:768px){.linkbutton a.linkbutton-large,.linkbutton button.linkbutton-large{font-size:1rem;padding:.5rem}}.linkbutton-icon{display:flex;align-items:center;justify-content:center}@media(min-width:768px){.linkbutton-icon{margin-right:.4rem}.linkbutton-icon,.linkbutton-icon svg{height:1.25rem;width:1.25rem;font-size:1.25rem}}@media(max-width:768px){.linkbutton-icon{margin-right:.25rem}.linkbutton-icon,.linkbutton-icon svg{height:1rem;width:1rem;font-size:1rem}}@media(min-width:768px){.linkbutton-large .linkbutton-icon{margin-right:.5rem}.linkbutton-large .linkbutton-icon,.linkbutton-large .linkbutton-icon svg{height:1.75rem;width:1.75rem;font-size:1.75rem}}@media(max-width:768px){.linkbutton-large .linkbutton-icon{margin-right:.3rem}.linkbutton-large .linkbutton-icon,.linkbutton-large .linkbutton-icon svg{height:1.25rem;width:1.25rem;font-size:1.25rem}}.linkbutton-hidetext .linkbutton-icon{margin:0}