/* ==========================================================================
   buttons.css – Buttons
   Part of the Devraj Pathak theme. Breakpoints are in responsive.css.
   ========================================================================== */

.dp-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 10px;
	padding: 15px 28px;
	border-radius: 999px;
	border: 1.5px solid transparent;
	font-weight: 700; font-size: 15px; line-height: 1.2;
	cursor: pointer;
	transition: transform .25s var(--dp-ease), background .25s, color .25s, border-color .25s, box-shadow .25s;
	text-align: center;
	white-space: nowrap;
}
.dp-btn:hover { transform: translateY(-2px); }
.dp-btn .dp-icon { width: 18px; height: 18px; }
.dp-btn--sm { padding: 11px 20px; font-size: 14px; }

.dp-btn--primary { background: var(--dp-forest); color: var(--dp-white); box-shadow: var(--dp-shadow-sm); }
.dp-btn--primary:hover { background: var(--dp-forest-3); color: var(--dp-white); }

.dp-btn--gold { background: var(--dp-gold); color: var(--dp-ink); }
.dp-btn--gold:hover { background: var(--dp-gold-2); color: var(--dp-ink); }

.dp-btn--ghost { border-color: rgba(255, 255, 255, .55); color: var(--dp-white); background: rgba(255, 255, 255, .06); }
.dp-btn--ghost:hover { background: var(--dp-white); color: var(--dp-forest); border-color: var(--dp-white); }

.dp-btn--outline { border-color: var(--dp-forest); color: var(--dp-forest); background: transparent; }
.dp-btn--outline:hover { background: var(--dp-forest); color: var(--dp-white); }

.dp-btn[disabled] { opacity: .6; cursor: wait; transform: none; }