.service-btn {

    display: inline-flex;

    align-items: center;

    gap: 6px;

    padding: 10px 18px;

    background: var(--medipro-primary);

    color: var(--medipro-white);

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

    font-size: var(--text-sm);

    font-weight: 600;

    text-decoration: none;

    transition: all .3s ease;

    background: .3s ease,
    transform .3s ease,
    filter .3s ease;

}


.service-btn:hover {

    
    filter: brightness(0.9);

    color: var(--medipro-white);

    transform: translateY(-2px);

}

.service-btn:focus {

    outline: 2px solid var(--medipro-secondary);

    outline-offset: 3px;

}