.button {
    border-radius: 2.1875rem;
    outline: none;
    border: none;
    padding: 20px;
    font-family: 'PFont-Regular';
}

.button:disabled {
    background-color: var(--color-primary-pink-light);
    border: 1px solid var(--color-primary-pink-light);
    
}

.button-secondary {
    border-radius: 2.1875rem;
    background: var(--color-primary-green-gradient-button);
}

.button--primary {
    background: var(--color-primary-purply);
    border: 1px solid var(--color-primary-purply);
}

.button--secondary {
    background: var(--color-base-white);
    border: 1px solid var(--color-primary-purply);
}

.button--border-gray {
    border: 1px solid var(--color-neutral-gray-dark);
}

.button--white {
    color: var(--color-text-white);
}

.button--black {
    color: var(--color-text-black) !important;
}