.linkbutton a,.linkbutton button{align-items:center;background-color:var(--color-dark);border:1px solid var(--color-light);color:var(--color-light);display:flex;padding:.5rem;text-decoration:none;transition:border .4s,color .4s}.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){border:1px solid var(--color-highlight);color: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 (width >= 768px){.linkbutton a.linkbutton-large,.linkbutton button.linkbutton-large{font-size:1.4rem;padding:.75rem}}@media (width <= 768px){.linkbutton a.linkbutton-large,.linkbutton button.linkbutton-large{font-size:1rem;padding:.5rem}}.linkbutton-icon{align-items:center;display:flex;justify-content:center}@media (width >= 768px){.linkbutton-icon{margin-right:.4rem}.linkbutton-icon,.linkbutton-icon svg{font-size:1.25rem;height:1.25rem;width:1.25rem}}@media (width <= 768px){.linkbutton-icon{margin-right:.25rem}.linkbutton-icon,.linkbutton-icon svg{font-size:1rem;height:1rem;width:1rem}}@media (width >= 768px){.linkbutton-large .linkbutton-icon{margin-right:.5rem}.linkbutton-large .linkbutton-icon,.linkbutton-large .linkbutton-icon svg{font-size:1.75rem;height:1.75rem;width:1.75rem}}@media (width <= 768px){.linkbutton-large .linkbutton-icon{margin-right:.3rem}.linkbutton-large .linkbutton-icon,.linkbutton-large .linkbutton-icon svg{font-size:1.25rem;height:1.25rem;width:1.25rem}}.linkbutton-hidetext .linkbutton-icon{margin:0}