/*
Theme Name: Patholab
Theme URI: http://demo.bravisthemes.com/patholab/
Author: Bravis-Themes
Author URI: https://themeforest.net/user/bravis-themes/
Description: Patholab is a clean, modern and responsive design that let you to build an exclusive website for Laboratory, Research, BioResearch, Pharmaceutical Research, Medical Research, Pathology lab, Data Science research lab, Physical Research and Innovation Center or Medical product development, IT Security research lab, and all type of research laboratory related services/businesses websites.
Version: 1.0.5
Requires PHP: 7.0
Tested up to: 6.6
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: patholab
Tags:  bio research, biology laboratory, blue, bootstrap, clean, fast, lab, laboratory, laboratory test, medical research, research, responsive, science research, scientific research 
*/

/* دکمه Digits مثل دکمه المنتور */
.digits-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-weight: 500;
    color: #fff; /* رنگ متن ثابت */
    padding: 0 30px;
    line-height: 51px;
    border-radius: 35px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    border: none;
    background-image: linear-gradient(90deg, var(--gradient-color-from, #6a11cb) 0%, var(--gradient-color-to, #2575fc) 50%, var(--gradient-color-from, #6a11cb));
    background-size: 180%, 1px;
    background-position: 0%;
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    box-shadow: none;
    text-decoration: none;
    height: auto;
}

/* هاور روی دکمه - فقط حرکت و background */
.digits-button:hover {
    background-position: 100%;
    transform: translateY(-2px);
    color: #fff; /* رنگ متن ثابت */
}

/* آیکون سمت چپ */
.digits-button i.far.fa-user-circle {
    margin-right: 8px;
    font-size: 18px;
    color: #fff; /* رنگ آیکون ثابت */
}

/* متن دکمه بدون تغییر رنگ */
.digits-button .pxl--btn-text {
    position: relative;
    color: #fff; /* رنگ متن ثابت */
}

/* غیر فعال کردن افکت content ::after برای اینکه متن اصلی دست نخورده باقی بماند */
.digits-button .pxl--btn-text::after {
    content: none;
}

/* اطمینان از هم‌خوانی با المنتور */
.elementor *, .elementor :after, .elementor :before {
    box-sizing: border-box;
}

.pxl--btn-text{
    font-size: 12px;
}

.fa-user-circle {
    font-size: 12px;
    margin: 5px;
}