.link{color:inherit;align-items:center;text-decoration:none;transition:opacity .2s;display:inline-flex}.link:hover{opacity:.75}.link--box{background:rgb(var(--color-highlight));border:1px solid rgb(var(--color-highlight));color:rgb(var(--color-lightest));padding:var(--button-padding);transition:all .3s ease-in-out;display:inline-block}.link--box:hover{background:rgb(var(--color-darkest));color:rgb(var(--color-lightest))}.link--frame{border:1px solid rgb(var(--color-highlight));color:rgb(var(--color-highlight));padding:var(--button-padding);background:0 0;transition:all .3s ease-in-out;display:inline-block}.link--frame:hover{background:rgb(var(--color-highlight));color:rgb(var(--color-lightest))}.link--ghost{color:inherit;background:0 0;border:1px solid;border-radius:.25em;padding:.5em 1em}.link--text{border:none;padding:0;text-decoration:underline}