/* ---------- BUTTONS ---------- */

.primary-button {

    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;
    min-width: 100%;

    height: 46px;

    border-radius: 16px;

    text-decoration: none;

    background: var(--surface-2);
    color: var(--text);

    border: 1px solid var(--border);

    font-size: 15px;
    font-weight: 600;

    transition: .2s;

}

.primary-button:hover {

    background: rgba(255, 175, 119, .14);

}

.secondary-button {

    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;
    min-width: 100%;

    height: 46px;

    border-radius: 16px;

    text-decoration: none;

    background: var(--surface-2);
    color: var(--text);

    border: 1px solid var(--border);

    font-size: 15px;
    font-weight: 600;

    transition: .2s;

}

.secondary-button:hover {

    background: rgba(255, 175, 119, .14);

}