<a class="btn" href="#">
  <img src="https://ozemio.com/wp-content/uploads/2023/03/greenArrow.png" />
  <span>Know More</span>
</a>



<a class="btn white" href="#">
  <img src="https://ozemio.com/wp-content/uploads/2023/03/whiteArrow.png" />
  <span>Know More</span>
</a>

#Content{
--primary-green: #006937;
--secondary-green: #004438;
--secondary-pink: #d41367;
--tertiary-green: #53D3BA;
--tertiary-pink: #dd6ba6;
--tertiary-gray: #939598;
--main-bg: #fcfcfc;
--white: #ffffff;
--black: #101015;
}

.primaryGreen{
	color: var(--primary-green);
}

.secondaryGreen{
	color: var(--secondary-green);
}

.secondaryPink{
	color: var(--secondary-pink);
}

.tertiaryGreen{
	color: var(--tertiary-green);
}

.tertiaryPink{
	color: var(--tertiary-pink);
}

.tertiaryGray{
	color: var(--tertiary-gray);
}

.whiteColor{
	color: var(--white);
}

.blackColor{
	color: var(--black);
}