.btn-primary {

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

    padding: 16px 28px;

    border-radius: 14px;

    background: linear-gradient(
        135deg,
        var(--electric-blue),
        var(--emerald)
    );

    color: #000;
    font-weight: 700;

    transition: var(--transition);

    box-shadow: var(--shadow-glow);
}

.btn-primary:hover {
    transform: translateY(-4px);
}

.btn-secondary {

    padding: 16px 28px;

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

    border-radius: 14px;

    transition: var(--transition);
}

.btn-secondary:hover {
    border-color: var(--electric-blue);
}