:root {
    --color-app-primary: #75AB00;
    --color-app-secondary: #1E1E1E;

    --gray-light: #737373;
    --gray: #1E1E1E;
    --green: #75AB00;
    --purple: #2B0072;
    --white: #FFFFFF;
    --dark: #000000;

    --font-italic: italic;
    --font-light: 300;
    --font-regular: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;

    /* Button */
    --button-width: 357px;
    --button-height: 40px;
    --button-border-color: var(--dark);
    --button-border: 1px solid var(--button-border-color);
    --button-border-radius: 18px;
    --button-color: var(--dark);
    --button-background: transparent;
    --button-font-weight: var(--font-semibold);
}

.button {
    width: var(--button-width);
    max-width: 100%;
    min-height: var(--button-height);
    border: var(--button-border);
    border-radius: var(--button-border-radius);
    padding: 5px;
    color: var(--button-color);
    background-color: var(--button-background);
    font-weight: var(--button-font-weight);
}