.template-container {
	padding: 2.0rem;

	.header {
		display: flex;
		width: 100%;
		height: 89px;
		background-color: var(--primary-color);
		color: #ffffff;
		font-size: 1.25rem;
	}

	.title {
		font-weight: 700;
		font-size: 1.25rem;
		color: #212121;
		opacity: 1;
	}

	.template-title {
		margin-left: 37px;
	}

	.close-icon {
		cursor: pointer;
		margin-right: 20px;
	}

	.close-icon:hover {
		background-color: #fefefe6e !important;
		border-radius: 50%;
	}

	.cancel-btn {
	min-width: 101px;
		height: 43px;
		background: #ffffff;
		border: 1px solid #b5b5b5;
		border-radius: 30px;
		opacity: 1;
	}

	.add-btn {
		width: 84px;
		height: 43px;
		background: #ffffff;
		color: var(--primary-color);
		border: 1px solid var(--primary-color);
		border-radius: 30px;
		opacity: 1;
	}

	.add-btn:hover {
		background-color: var(--primary-color);
		color: #ffffff;
	}
}