/* Cup Design Online CTAs — Custom Boxes Market branding */
.btn-cbm-design-cup,
.btn-cbm-design-now {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background: #153661;
	color: #fff !important;
	border: 2px solid #153661;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	border-radius: 8px;
	transition: all 0.3s ease;
	cursor: pointer;
	text-decoration: none !important;
}

.btn-cbm-design-cup {
	padding: 12px 28px;
	font-size: 15px;
	box-shadow: 0 4px 14px rgba(21, 54, 97, 0.25);
}

.btn-cbm-design-now {
	margin-top: 8px;
	padding: 8px 16px;
	font-size: 12px;
	width: 100%;
	background: #ffcd00;
	color: #153661 !important;
	border-color: #ffcd00;
}

.btn-cbm-design-cup:hover {
	background: #ffcd00;
	border-color: #ffcd00;
	color: #153661 !important;
}

.btn-cbm-design-now:hover {
	background: #153661;
	border-color: #153661;
	color: #fff !important;
}

.cbm-cup-design-cta {
	clear: both;
}

.product-card .btn-cbm-design-now {
	position: relative;
	z-index: 2;
}

.product-card .card-title a {
	color: #153661 !important;
	text-decoration: none !important;
}

.product-card-media-link {
	display: block;
}

/* Force Font Awesome 5 icons inside cup designer overlay */
#cupDesignBuilder .fa,
#cupDesignBuilder .fas,
#cupDesignBuilder .far,
#cupDesignBuilder .fab,
#cupDesignBuilder .fa::before,
#cupDesignBuilder .fas::before,
#cupDesignBuilder .far::before,
#cupDesignBuilder .fab::before {
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900 !important;
	font-style: normal !important;
	display: inline-block;
	line-height: 1;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	speak: none;
}

#cupDesignBuilder .far,
#cupDesignBuilder .far::before {
	font-weight: 400 !important;
}

#cupDesignBuilder .fab,
#cupDesignBuilder .fab::before {
	font-family: "Font Awesome 5 Brands" !important;
	font-weight: 400 !important;
}