/* Professional Button Styles */
.custom-professional-btn {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    text-decoration: none;
    font-weight: 500;
    position: relative;
    box-sizing: border-box;
}

/* Hover effect - slide right 5px */
.custom-professional-btn:hover {
    transform: translateX(5px);
}

.custom-professional-btn .btn-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Icon moves slightly more on hover for extra effect */
.custom-professional-btn:hover .btn-icon {
    transform: translateX(8px);
}

.custom-professional-btn svg {
    display: block;
    transition: fill 0.3s ease;
}

.custom-professional-btn svg path {
    transition: fill 0.3s ease;
}

/* Optional: Add a subtle bounce effect */
@keyframes slideRight {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(7px);
    }
    100% {
        transform: translateX(5px);
    }
}