/**
 * Dante Galli – pulsante .dg-button (riusabile anche fuori da dg-elements, es. dg-slider).
 *
 * Replica eltdf-btn del tema Ambient: misure, tipografia e transizione 0.15s ease-out.
 * Colori e colori di hover arrivano da custom property (inline sul pulsante):
 *   --dg-btn-color, --dg-btn-bg, --dg-btn-border,
 *   --dg-btn-hover-color, --dg-btn-hover-bg, --dg-btn-hover-border.
 * Default = tema: solid #fff / #c3b380 / #c3b380, hover #fff / #373737 / #373737.
 * Il font "Titillium Web" è caricato dal tema: se il tema verrà rimosso va caricato altrove.
 */
.dg-button {
	--dg-btn-color: #fff;
	--dg-btn-bg: #c3b380;
	--dg-btn-border: #c3b380;
	--dg-btn-hover-color: #fff;
	--dg-btn-hover-bg: #373737;
	--dg-btn-hover-border: #373737;

	position: relative;
	display: inline-block;
	box-sizing: border-box;
	margin: 0;
	padding: 16px 43px 17px;
	border: 1px solid var(--dg-btn-border);
	border-radius: 0;
	outline: none;
	background-color: var(--dg-btn-bg);
	color: var(--dg-btn-color);
	font-family: "Titillium Web", serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 19px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
}

.dg-button--outline {
	--dg-btn-color: #c3b380;
	--dg-btn-bg: transparent;
	--dg-btn-hover-color: #fff;
	--dg-btn-hover-bg: #c3b380;
	--dg-btn-hover-border: #c3b380;
}

.dg-button:hover,
.dg-button:focus-visible {
	border-color: var(--dg-btn-hover-border);
	background-color: var(--dg-btn-hover-bg);
	color: var(--dg-btn-hover-color);
	text-decoration: none;
}

/* Solo da tastiera: il tema non aveva un indicatore di focus. */
.dg-button:focus-visible {
	outline: 2px solid var(--dg-btn-hover-bg);
	outline-offset: 2px;
}

.dg-button--small {
	padding: 11px 36px;
}

.dg-button--large {
	padding: 20px 58px;
}

.dg-button--huge {
	display: block;
	padding: 21px 58px;
	text-align: center;
}

@media only screen and (max-width: 1200px) {

	.dg-button--large,
	.dg-button--huge {
		padding: 13px 46px;
	}
}