.sf-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:.5rem;

    border:none;

    border-radius:var(--sf-radius);

    padding:.8rem 1.3rem;

    cursor:pointer;

    transition:all var(--sf-speed);

    font-weight:600;

    text-decoration:none;

}

.sf-btn-primary{

    background:var(--sf-primary);

    color:white;

}

.sf-btn-primary:hover{

    background:var(--sf-primary-dark);

    color:white;

    transform:translateY(-2px);

}

.sf-btn-outline{

    background:white;

    color:var(--sf-primary);

    border:2px solid var(--sf-primary);

}

.sf-btn-outline:hover{

    background:var(--sf-primary);

    color:white;

}