/* ==========================================================
   PET WELLNESS 360
   Button System
   ========================================================== */

.btn-pw{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:.75rem;

    padding:16px 34px;

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

    background:var(--pw-primary);

    color:#FFF;

    font-weight:600;

    transition:var(--transition);

    box-shadow:var(--shadow-sm);

}

.btn-pw:hover{

    transform:translateY(-3px);

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

    color:#FFF;

    box-shadow:var(--shadow-md);

}

.btn-pw-secondary{

    background:var(--pw-secondary);

}

.btn-pw-secondary:hover{

    background:var(--pw-secondary-dark);

}

.btn-outline{

    background:transparent;

    color:var(--pw-primary);

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

}

.btn-outline:hover{

    background:var(--pw-primary);

    color:#FFF;

}