.button{border:1px solid var(--accent-color);border-radius:8px;color:var(--accent-color);display:inline-flex;font-family:var(--font-accent);font-size:18px;font-weight:600;justify-content:center;padding:12px 16px;text-decoration:none;text-transform:uppercase;transition:.25s}.button.secondary{border:0}.button:hover{background:var(--accent-color);color:#000;cursor:pointer}.button.primary:hover{background:lighten(var(--accent-color),20%);color:#fff}.button:hover svg{filter:invert(100%)}