.button,
.wp-element-button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 10px 22px;
	border: 1px solid var(--moweb-color-brand);
	border-radius: var(--moweb-radius);
	color: #ffffff;
	background: var(--moweb-color-brand);
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.button:hover,
.wp-element-button:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
	border-color: var(--moweb-color-brand-dark);
	color: #ffffff;
	background: var(--moweb-color-brand-dark);
	transform: translateY(-1px);
}

.button--secondary {
	border-color: var(--moweb-color-border-strong);
	color: var(--moweb-color-brand);
	background: #ffffff;
}

.button--secondary:hover {
	border-color: var(--moweb-color-brand);
	color: var(--moweb-color-brand);
	background: var(--moweb-color-brand-soft);
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
select,
textarea {
	width: 100%;
	min-height: 46px;
	padding: 9px 13px;
	border: 1px solid var(--moweb-color-border);
	border-radius: var(--moweb-radius);
	color: var(--moweb-color-text);
	background: var(--moweb-color-surface);
}

textarea {
	min-height: 130px;
	resize: vertical;
}

label {
	display: inline-block;
	margin-bottom: 6px;
	font-weight: 600;
}

table {
	width: 100%;
	border-collapse: collapse;
}

th,
td {
	padding: 12px;
	border: 1px solid var(--moweb-color-border);
	text-align: start;
}

.widget-title {
	margin: 0 0 15px;
	font-size: 1rem;
}