/**
 * Buttons
 *
 * @package EGCI_Template
 * @since 1.0.0
 */

/* ============================================
   Buttons
   ============================================ */
.btn {
	display: inline-block;
	padding: 0.75rem 1.5rem;
	font-size: 1rem;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	border: 2px solid transparent;
	border-radius: 4px;
	cursor: pointer;
	transition: var(--egci-transition);
}

.btn--primary {
	background-color: var(--egci-primary) !important;
	color: #ffffff !important;
	border-color: var(--egci-primary) !important;
}

.btn--primary:hover,
.btn--primary:focus {
	background-color: var(--egci-secondary) !important;
	border-color: var(--egci-secondary) !important;
	color: #ffffff !important;
	text-decoration: none;
}

.btn--large {
	padding: 1rem 2rem;
	font-size: 1.125rem;
}

/* ============================================
   WordPress Default Buttons Override
   ============================================ */
button,
input[type="button"],
input[type="submit"],
.button,
.wp-block-button__link,
.wp-block-button .wp-block-button__link,
.wp-element-button {
	background-color: var(--egci-primary) !important;
	color: #ffffff !important;
	border-color: var(--egci-primary) !important;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.button:hover,
.button:focus,
.wp-block-button__link:hover,
.wp-block-button__link:focus,
.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:focus,
.wp-element-button:hover,
.wp-element-button:focus {
	background-color: var(--egci-secondary) !important;
	border-color: var(--egci-secondary) !important;
	color: #ffffff !important;
}

/* WordPress Primary Button Class */
.button-primary,
.button.button-primary {
	background-color: var(--egci-primary) !important;
	border-color: var(--egci-primary) !important;
	color: #ffffff !important;
}

.button-primary:hover,
.button-primary:focus,
.button.button-primary:hover,
.button.button-primary:focus {
	background-color: var(--egci-secondary) !important;
	border-color: var(--egci-secondary) !important;
	color: #ffffff !important;
}