.button {
    height: 3.5rem;
    font-weight: bold;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    flex: 1;
}

.primary {
    background: var(--color-primary);
    color: var(--color-gray-0);
    border: 0.0625rem solid transparent;
}

    .primary:hover, .primary:focus {
        color: var(--color-primary);
        background: var(--color-gray-0);
        border-color: var(--color-primary);
        cursor: pointer;
    }

    .primary:active {
        background: var(--color-primary);
        box-shadow: none;
        opacity: 30%;
        color: var(--color-gray-0);
    }

    .primary:disabled {
        background: var(--color-primary);
        box-shadow: none;
        opacity: 30%;
        color: var(--color-gray-0);
    }

#cancelar {
    display: inline-block;
    height: 3.5rem;
    font-weight: bold;
    font-size: 0.75rem;
    flex: 1;
    text-align: center;
    line-height: 3.5rem;
    width:48%;
}

#btn-registrame{
    width:48%;
}

.secondary {
    background: var(--color-gray-0);
    color: var(--color-primary);
    border: 0.0625rem solid var(--color-primary);
}

    .secondary:hover, .secondary:focus {
        color: var(--color-gray-0);
        background: var(--color-primary);
        border: 0.0625rem solid transparent;
        cursor: pointer;
    }

    .secondary:active {
        color: var(--color-gray-0);
        background: var(--color-primary);
        border: 0.0625rem solid transparent;
        box-shadow: none;
    }

    .secondary:disabled {
        background: var(--color-gray-0);
        box-shadow: none;
        opacity: 30%;
        color: var(--color-primary);
    }

.link-button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3.5rem;
    color: var(--color-primary);
}

    .link-button:hover, .link-button:focus {
        color: var(--color-gray-0);
        background: var(--color-primary);
        border: 0.0625rem solid transparent;
        cursor: pointer;
    }

    .link-button:active {
        color: var(--color-gray-0);
        background: var(--color-primary);
        border: 0.0625rem solid transparent;
        box-shadow: none;
    }

    .link-button:disabled {
        background: var(--color-gray-0);
        box-shadow: none;
        opacity: 30%;
        color: var(--color-primary);
    }