.ub_howto {
	figure,
	li > .components-button,
	> .components-button {
		margin-bottom: 10px;
	}
	figure {
		position: relative;
		> .dashicons-dismiss {
			position: absolute;
			right: 3px;
		}
	}
	> ul,
	> ul > li > ul {
		margin-left: 1em;
		padding-left: 0;
	}
	> ol,
	> ol > li > ol {
		padding-left: 0;
	}
}
.ub_howto-tools-list,
.ub_howto-supplies-list {
	figure {
		max-width: 200px;
	}
}

.ub_howto-step,
.ub_howto-section {
	> div:first-child {
		display: flex;
	}
}

.ub_howto_cost_container {
	display: flex;
	margin: 20px auto;
}

.ub_howto_cost_display {
	display: flex;
	margin-left: auto;
}

.ub_howto-delete {
	margin-left: auto;
	margin-top: auto;
	margin-bottom: auto;
	min-width: 24px;
}

.ub_howto-arrow {
	min-width: 24px;
	margin-top: auto;
	margin-bottom: auto;
}

.ub_howto-button-default {
	margin-top: 20px;
	margin-left: auto;
	color: #0071a1;
	border: 1px solid #0071a1;
	border-radius: 3px;
	background: #f3f5f6;
	height: 33px;
	font-size: 13px;
	padding: 0 12px 2px;
}

.ub_howto-time-value {
	text-align: right;
}

.ub_howto-duration-input {
	display: grid;
	grid-template-columns: 35% 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	P {
		text-align: center;
		font-size: 15px;
	}
}

.ub_howto-video-input {
	display: flex;
	> input {
		flex-grow: 1;
	}
}

.ub_howto-supplies-list,
.ub_howto-tools-list {
	li > div {
		display: flex;
	}
	.components-button {
		margin-left: auto;
	}
}
