credit-card.css

.credit-card-icon {
    width: 30px;
	height: 30px;
	background-size: cover;
	background-repeat: no-repeat;
	display: inline-block;
	background-image: url(
        data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASAAAAEACAMAAAAk8VuEAAABO1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///95O8/IAAAAZ3RSTlMAAQIDBAUICQsMDREVHyEiIyQlKSorLC4wMTQ1Njc4Ozw9QEFDREVISVVzdHV2eHl7gIGCh4iJj5CSlJWWn6Wnqa2ur7O1vMrLzM3Oz9HU1djZ5+jp6uvu7/Dx8vP09fb4+fr7/P3+hPpY6QAAAAFiS0dEaMts9CIAAAMySURBVHja7dvrN9RBHMBhWlF0UypdKKVS0oUuuqpEpLtE2rVsrd///x90HNSLmV0/6gU7z+f1l3PmOYyZcbapSZIkSZIkSZL+uULPzbGpucWs4VucmxobPF/YJk/X6GyWVF9Gu7bBc3K8miVX9VVeotYHlSzJKvdb8/gcf5cl20zn1j59C1nCLVzcymegnCVdeaC+T28pS7xyX939ZyFLvvk6+1DrWz5Z9r6tJtADOmvdq3k+rMBZa6XWiXGczXova9y/qmg2bh3xH6FRMps9jPm0zIL5c7ePvX70cvnbuQjQEJa/3YgAjYVjy8PHWhr95bSlc2Q5XPnzyOR06HMpjdfly6HQm8hYuEffTeX9fTjcpSNT4T3+aCpAncHSi5Gp1WCqkApQITwqRqbCnSqd/3HlWjsgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAAQIECBCgvQWUcoAAAQIECBAgQIAAAQIECBAgQIAACRAgQIAAAQIESIAAAQIECBAgQIAAAQIECBAgQIAAQQEECBAgQIAAARIgQIB2A5CPhQMCBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBGi3Ac3naGdflef77AGgnX3i/L99ch0QIECAAAECBAgQIECAAAECBAgQoN0F1JGjnX1Vnu/jTdqjPSBAgAABAgQIECBAgJIDWg2G9qXiUwiWvhqZWgqmDqcCdCRYeiky9TWYup0K0J1g6bORqZlgaul8Gj494S/PdGTsRbhTlQYPNT7PocFSuPKxyOCt6MNncb7BK0aXPRQBupDpT70RoP3fuGw21xL7ZXwKZrPH0d2qe5XMxjGxO76fT6BZ73WNP3hnfrFZ62d3rSPBIzhrPax5ZjrwkU6WfWqvfao8VeRT7Kp37u5fTt2ncq3+zeR6JW2fletb3d36f6TsUxrY+nZ74kPC+/PpPPf/9qfVNHmqTw7mfCI5N5miz+TZ7TyyPVtMS+f7s55tPrS1XR2Z+FxOwab8eWLkSusO3yObOxq+5iZJkiRJkiRJkrQX+g3GkTLQlPPewAAAAABJRU5ErkJggg==
    );
}