/**
 * TT Stardance Frame - Book Now Shortcode Button
 *
 * Independent styles for the .ttsd-booking-trigger button so that
 * [ttsd_book_now] works on any page (not only Class single pages).
 * The modal itself is styled by modal.css + modal-form.css.
 *
 * @package TT_Stardance_Frame
 */

.ttsd-booking-trigger {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 35px;
	font-size: 14px;
	font-weight: 500;
	border-radius: 25px;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: var(--ttsd-white, #ffffff);
	background: var(--ttsd-gold, #c9a96e);
	border: 1px solid var(--ttsd-gold, #c9a96e);
	cursor: pointer;
	transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease;
}

.ttsd-booking-trigger:hover,
.ttsd-booking-trigger:focus {
	background: #bf382b;
	border-color: #bf382b;
	color: var(--ttsd-white, #ffffff);
	transform: translateY(-1px);
	outline: none;
}

@media (max-width: 600px) {
	.ttsd-booking-trigger {
		width: 100%;
	}
}