.btn-brand-primary {
    background-color: var(--blue);
    color: var(--white);
    font-family: var(--main-font-bold), sans-serif;
    border: none;
    border-radius: 36px;
    padding: 0.85rem 2.5rem;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.btn-brand-primary:hover {
    background-color: var(--bluesoft);
    color: var(--white);
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(9, 59, 113, 0.2);
}

.btn-brand-primary:focus {
    outline: none;
    box-shadow: 0 0 0 4px rgba(253, 215, 85, 0.5);
    transform: translateY(-1px);
}