/**
 * IM Dynamic CTA — Button Styles
 *
 * Applies to: .im-quote-cta-btn
 * Source:     element.css snapshot provided by client (InsuranceMarket.gr)
 */

.im-quote-cta-btn {
	display: inline-block;  /* ensures padding/border render correctly on <a> */
	cursor: pointer;
	font-size: 13px;
	font-weight: 700;
	color: #FFFFFF;
	background-color: #AF1378;
	border-style: solid;
	border-width: 2px;
	border-color: #AF1378;
	border-radius: 10px;
	padding: 10px;
	box-shadow: none;
	text-decoration: none;
	line-height: 1;
	text-align: center;
	transition: all .3s;
}

.im-quote-cta-btn:hover,
.im-quote-cta-btn:focus {
	color: #AF1378;
	background-color: #FFFFFF;
}

/* Scale down on mobile (360px-575.98px).
 * Lower bound is intentional: viewports below 360px hide the button entirely
 * via display:none set in the Elementor widget custom CSS.
 * transform does not affect layout flow — scale(0.8) reduces visual size only. */
@media (min-width: 360px) and (max-width: 575.98px) {
	.im-quote-cta-btn {
		transform: scale(0.8);
	}
}