/**
 * MindBridge Button Widget Styles
 *
 * @category   Elementor
 * @package    MindBridge_Essentials_Addons
 * @subpackage Assets
 * @author     Your Name <youremail@example.com>
 * @license    https://www.gnu.org/licenses/gpl-2.0.html GNU General Public License v2.0
 * @link       https://your-website.com
 * @since      1.0.0
 */

/* Base Button Styles */
.mindbridge-button {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	text-decoration: none;
	border: none;
	cursor: pointer;
	transition: all 0.3s ease;
	font-size: var(--e-global-typography-secondary-font-size);
	font-family: inherit;
	font-weight: 500;
	line-height: 1.4;
	text-align: center;
	position: relative;
	overflow: hidden;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	border-radius: 100vh;
	padding: 15px 18px;
	background-color: var(--e-global-color-primary);
}

.mindbridge-button.mindbridge-button-text_link {
	padding: 0;
	background-color: transparent;
	color: var(--e-global-color-primary);
	box-shadow: none;
}

.mindbridge-button.mindbridge-button-text_link .mindbridge-button-icon {
	background-color: transparent;
	border-color: transparent;
	color: var(--e-global-color-primary);
}

.mindbridge-button.mindbridge-button-primary {
	color: var(--e-global-color-6dea09d);
}

.mindbridge-button.mindbridge-button-secondary {
	background-color: var(--e-global-color-6dea09d);
	color: var(--e-global-color-primary);
	box-shadow: 0px 1px 4.2px rgba(87, 121, 158, 0.36);
	border: 1px solid var(--e-global-color-71cb330);
}

.mindbridge-button:focus {
	outline: none;
}

.mindbridge-button-primary .mindbridge-button-icon {
	background-color: var(--e-global-color-primary);
	border: 1px solid var(--e-global-color-fedd838);
	color: var(--e-global-color-6dea09d);
}

.mindbridge-button-primary .mindbridge-button-icon svg {
	fill: var(--e-global-color-6dea09d);
}

.mindbridge-button-secondary .mindbridge-button-icon {
	background-color: var(--e-global-color-text);
	border-color: var(--e-global-color-text);
}

.mindbridge-button-icon {
	display: flex;
	padding: 7px;
	transition: 0.4s;
	border-radius: 50% 50% 50% 50%;
	background-color: var(--e-global-color-primary);
	transition: 0.4s;
}

.mindbridge-button-icon svg {
	transition: 0.4s;
}

.mindbridge-button.mindbridge-button-primary:hover {
	background-color: var(--e-global-color-edc296d);
	box-shadow: 0px 1px 4.2px 0px var(--e-global-color-fedd838);
}

.mindbridge-button.mindbridge-button-secondary:hover {
	background-color: var(--e-global-color-3cac3bc);
	box-shadow: 0px 1px 4.2px 0px var(--e-global-color-fedd838);
	border-color: transparent;
	background-color: var(--e-global-color-3cac3bc);
}

.mindbridge-button.mindbridge-button-text_link:hover {
	color: var(--e-global-color-text);
}

.mindbridge-button.mindbridge-button-text_link:hover .mindbridge-button-icon {
	color: var(--e-global-color-text);
}

.mindbridge-button:hover .mindbridge-button-icon {
	border-color: transparent;
}

@media(max-width: 767px) {
	.mindbridge-button {
		font-size: var(--e-global-typography-primary-font-size);
	}
}