Ben / RubHub

.btn,
button {
    padding: var(--space-s) var(--space-m);
    background: var(--primary-color);
    color: var(--white);
    border: solid 1px var(--primary-color-bright);
    border-bottom-color: var(--primary-color-dark);
    border-right-color: var(--primary-color-dark);
    border-radius: var(--space-s);
    cursor: pointer;
}

textarea,
input {
    padding: var(--space-m);
    background: var(--background-color);
    color: var(--text-color);
    border: solid 1px var(--primary-color);
    border-radius: var(--space-s);
    margin-bottom: var(--space-m);
}

.auth-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 18px;
}

.auth-card {
    border: 1px solid var(--primary-color);
    padding: 16px;
    border-radius: 8px;
}

.auth-card form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.message {
    background: var(--error-color);
    color: var(--white);
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 16px;
}