.btn {
    display: inline-block;
    padding: 10px 18px;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.87rem;
    border: 1px solid transparent;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    outline: none;
}

.btn:hover {
    transform: translateY(-1px);
    border: 1px solid transparent;
}

.btn-primary {
    background: linear-gradient(120deg, var(--accent), var(--accent-2));
    color: #ffffff;
    box-shadow: 0 10px 24px rgba(111, 48, 214, 0.35);
}