.signature-container {
	display: inline-block;
	position: relative;
}

#clear {
	position: absolute;
	top: 16px;
	right: 16px;
	appearance: none;
	-webkit-appearance: none;
	border: none;
	width: 24px;
	height: 24px;
	background-color: transparent;
	background-image: url('../images/undo-solid.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right;
	transform-origin: center center;
	transition: all 0.1s ease;
}

#clear:hover {
	transform: rotate(-270deg);
}

.signature--wrapper {
	position: relative;
	width: 400px;
	height: 200px;
	border-radius: 20px;
	overflow: hidden;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.signature-pad {
	position: absolute;
	border: 1px solid #01415B;
	border-radius: 20px;
	left: 0;
	top: 0;
	width: 400px;
	height: 200px;
	background-color: white;
}