.button{font-size:.875rem;font-weight:700;font-family:var(--font-body);border:1px solid var(--color-plum);background-color:var(--color-plum);color:var(--color-white);border-radius:6px;justify-content:center;align-items:center;gap:.25rem;padding:.9em 1.5rem 1em;line-height:1.2;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 1px 2px rgba(0,0,0,.12),0 2px 6px rgba(0,0,0,.1)}.button__icon{flex-shrink:0;width:1.25rem;height:1.25rem}.button.has-icon.icon-left,.button.has-icon.icon-right{flex-direction:row}.button:hover{background-color:var(--color-plum-dark);color:var(--color-white);cursor:pointer}.button--primary{--theme:var(--color-plum);--text:white}.button--secondary{--theme:var(--secondary-color);--text:white}.button--tertiary{--theme:var(--tertiary-color);--text:black}.button--white{--theme:white;--text:var(--color-plum)}.button--black{--theme:black;--text:var(--tertiary-color)}.button.fill{background-color:var(--theme);border-color:var(--theme);color:var(--text)}.button.outline{border:1px solid var(--theme);color:var(--theme)}.button.outline:hover{background:var(--theme);color:var(--text)}.button.link{border:none;border-bottom:1px solid var(--theme);box-shadow:none;color:var(--theme);text-transform:uppercase;letter-spacing:.05em;background:0 0;border-radius:0;padding:.35rem;font-size:.75rem;font-weight:600}.button.link:hover{color:var(--theme);opacity:.8;background:0 0}.button-group{flex-flow:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.button-group.buttons--left{justify-content:flex-start}.button-group.buttons--center{justify-content:center}.button-group.buttons--right{justify-content:flex-end}