.button {
    display: inline-flex;
    text-decoration: none;
    gap: var(--spacing--s);
    
    p {
        margin: 0;
    }

    &.primary {
        border: 1px solid var(--color--text--primary);
        padding: var(--spacing--s) var(--spacing--base);
        border-radius: var(--radius--base);
    }

    &.center {
        justify-content: center;
        align-items: center;
        
        p {
            text-align: center;
        }
    }
}