/* ============================================
BUTTON VARIANTS
============================================ */
.med-btn-full {
	width: 100%;
}

.med-btn-sm {
	padding: 0.5rem 1rem;
	font-size: 0.85rem;
	min-height: 40px;
}

.med-btn-lg {
	padding: 0.875rem 1.5rem;
	font-size: 1rem;
	min-height: 52px;
}

.med-btn-success {
	background: var(--med-success);
	color: #fff;
}

.med-btn-success:hover {
	background: #388e3c;
}

.med-btn-info {
	background: var(--med-info);
	color: #fff;
}

.med-btn-info:hover {
	background: #1976d2;
}

.med-btn-primary {
	background: var(--med-primary);
	color: #fff;
}

.med-btn-primary:hover {
	background: var(--med-secondary);
}

.med-btn-whatsapp {
	background: #25D366;
	color: #fff;
}

.med-btn-whatsapp:hover {
	background: #128C7E;
}

.med-btn-telegram {
	background: #0088cc;
	color: #fff;
}

.med-btn-telegram:hover {
	background: #006699;
}

.med-btn-vk {
	background: #4a76a8;
	color: #fff;
}

.med-btn-vk:hover {
	background: #3a5a88;
}

.med-btn-max {
	background: #7B68EE;
	color: #fff;
}

.med-btn-max:hover {
	background: #5a4fcf;
}

.med-btn-white {
	background: #fff;
	color: var(--med-primary);
}

.med-btn-white:hover {
	background: #f0f0f0;
}

.med-btn-outline-white {
	background: transparent;
	color: #fff;
	border: 2px solid rgba(255,255,255,0.6);
}

.med-btn-outline-white:hover {
	background: rgba(255,255,255,0.1);
	border-color: #fff;
}