.cbConnectButtons {
	display: inline-flex;
	flex-wrap: wrap;
	max-width: 100%;
	gap: 0.5rem;
}

.cbConnectButtons.cbConnectButtonsVertical {
	display: flex;
}

.cbConnectButtons.cbConnectButtonsVertical > .cbConnectButton {
	flex-grow: 1;
}

.cbConnectButtons > .cbConnectButton {
	text-align: left;
}

.cbConnectButtons > .cbConnectButton > .cbConnectButtonPrefix {
	display: inline-block;
	width: 30px;
}

.cbConnectButtons > .cbConnectButtonIconOnly {
	min-width: 45px;
	text-align: center;
}

.cbConnectButton {
	background-color: #ffffff !important;
	border-color: #dee2e6 !important;
	box-shadow: none !important;
	outline: 0 !important;
	color: #212529 !important;
}

.cbConnectButton:hover,
.cbConnectButton:focus,
.cbConnectButton:active,
.cbConnectButton.active,
.cbConnectButton.disabled,
.cbConnectButton[disabled] {
	background-color: #fafafa !important;
	border-color: #D9DDE1 !important
}

/* FACEBOOK */
.cbConnectButtonFacebook {
	background-color: #4267B2 !important;
	border-color: #4267B2 !important;
	color: #ffffff !important;
}

.cbConnectButtonFacebook:hover,
.cbConnectButtonFacebook:focus,
.cbConnectButtonFacebook:active,
.cbConnectButtonFacebook.active,
.cbConnectButtonFacebook.disabled,
.cbConnectButtonFacebook[disabled] {
	background-color: #425DA8 !important;
	border-color: #425AA5 !important;
}

.cbConnectButton .fa-facebook:before {
	content: " ";
	display: inline-block;
	background: url('images/facebook.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 100% 100%;
	height: 18px;
	width: 18px;
	vertical-align: text-top;
}

/* TWITTER */
.cbConnectButton .fa-twitter:before {
	color: #1ab7ea;
}

/* GOOGLE */
.cbConnectButton .fa-google:before {
	content: " ";
	display: inline-block;
	background: url('images/google.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 100% 100%;
	height: 18px;
	width: 18px;
	vertical-align: text-top;
}

/* LINKEDIN */
.cbConnectButtonLinkedin {
	background-color: #00A0DC !important;
	border-color: #008CC9 !important;
	color: #ffffff !important;
}

.cbConnectButtonLinkedin:hover,
.cbConnectButtonLinkedin:focus,
.cbConnectButtonLinkedin:active,
.cbConnectButtonLinkedin.active,
.cbConnectButtonLinkedin.disabled,
.cbConnectButtonLinkedin[disabled] {
	background-color: #005E93 !important;
	border-color: #004471 !important;
}

/* MICROSOFT */
.cbConnectButton .fa-windows:before {
	content: " ";
	display: inline-block;
	background: url('images/windows.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 100% 100%;
	height: 18px;
	width: 18px;
	vertical-align: text-top;
}

/* INSTAGRAM */
.cbConnectButtonInstagram {
	background: #e98f21 !important;
	background: linear-gradient( to right, #e98f21 0%, #670edc 63% ) !important;
	background-repeat: no-repeat !important;
	color: #ffffff !important;
}

.cbConnectButtonInstagram:hover,
.cbConnectButtonInstagram:focus,
.cbConnectButtonInstagram:active,
.cbConnectButtonInstagram.active,
.cbConnectButtonInstagram.disabled,
.cbConnectButtonInstagram[disabled] {
	background: #DF8521 !important;
	background: linear-gradient( to right, #DF8521 0%, #650ED2 63% ) !important;
	background-repeat: no-repeat !important;
}

/* GITHUB */
.cbConnectButtonGithub {
	background-color: #444 !important;
	color: #ffffff !important;
}

.cbConnectButtonGithub:hover,
.cbConnectButtonGithub:focus,
.cbConnectButtonGithub:active,
.cbConnectButtonGithub.active,
.cbConnectButtonGithub.disabled,
.cbConnectButtonGithub[disabled] {
	background: #191919 !important;
}

/* X (Twitter) */
.cbConnectButtonX {
	background-color: #191919 !important;
	color: #ffffff !important;
}

.cbConnectButtonX:hover,
.cbConnectButtonX:focus,
.cbConnectButtonX:active,
.cbConnectButtonX.active,
.cbConnectButtonX.disabled,
.cbConnectButtonX[disabled] {
	background: #000000 !important;
}

/* VK */
.cbConnectButtonVkontakte {
	background-color: #5181b8 !important;
	color: #ffffff !important;
}

.cbConnectButtonVkontakte:hover,
.cbConnectButtonVkontakte:focus,
.cbConnectButtonVkontakte:active,
.cbConnectButtonVkontakte.active,
.cbConnectButtonVkontakte.disabled,
.cbConnectButtonVkontakte[disabled] {
	background: #5b88bd !important;
}

/* STEAM */
.cbConnectButtonSteam {
	background-color: #5b5b5b !important;
	background-image: linear-gradient( #828282 20%, #5b5b5b ) !important;
	background-repeat: no-repeat !important;
	color: #ffffff !important;
}

.cbConnectButtonSteam:hover,
.cbConnectButtonSteam:focus,
.cbConnectButtonSteam:active,
.cbConnectButtonSteam.active,
.cbConnectButtonSteam.disabled,
.cbConnectButtonSteam[disabled] {
	background: #717171 !important;
	background-image: none !important;
}

/* REDDIT */
.cbConnectButtonReddit {
	background-color: #FF4500 !important;
	color: #ffffff !important;
}

.cbConnectButtonReddit:hover,
.cbConnectButtonReddit:focus,
.cbConnectButtonReddit:active,
.cbConnectButtonReddit.active,
.cbConnectButtonReddit.disabled,
.cbConnectButtonReddit[disabled] {
	background: #F04500 !important;
}

/* TWITCH */
.cbConnectButtonTwitch {
	background-color: #6441A4  !important;
	color: #ffffff !important;
}

.cbConnectButtonTwitch:hover,
.cbConnectButtonTwitch:focus,
.cbConnectButtonTwitch:active,
.cbConnectButtonTwitch.active,
.cbConnectButtonTwitch.disabled,
.cbConnectButtonTwitch[disabled] {
	background: #5A429B !important;
}

/* STACK EXCHANGE */
.cbConnectButton .fa-stack-exchange:before {
	content: " ";
	display: inline-block;
	background: url('images/stackexchange.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 100% 100%;
	height: 20px;
	width: 18px;
	vertical-align: text-top;
}

/* PINTEREST */
.cbConnectButton .fa-pinterest:before {
	color: #e60023 !important;
}

/* AMAZON */
.cbConnectButtonAmazon {
	background-color: #f5c645 !important;
	background-image: linear-gradient( #ffe8ab 20%, #f5c645 ) !important;
	background-repeat: no-repeat !important;
	border-color: #a98320 !important;
}

.cbConnectButtonAmazon:hover,
.cbConnectButtonAmazon:focus,
.cbConnectButtonAmazon:active,
.cbConnectButtonAmazon.active,
.cbConnectButtonAmazon.disabled,
.cbConnectButtonAmazon[disabled] {
	background: #f6c94e !important;
	background-image: none !important;
	border-color: #a98320 !important;
}

/* YAHOO */
.cbConnectButtonYahoo .fa-yahoo:before {
	content: " ";
	display: inline-block;
	background: url('images/yahoo.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 100% 100%;
	height: 18px;
	width: 18px;
	vertical-align: text-top;
}

.cbConnectButtonYahoo {
	background-color: #7E1FFF !important;
	color: #ffffff !important;
}

.cbConnectButtonYahoo:hover,
.cbConnectButtonYahoo:focus,
.cbConnectButtonYahoo:active,
.cbConnectButtonYahoo.active,
.cbConnectButtonYahoo.disabled,
.cbConnectButtonYahoo[disabled] {
	background: #6D1CE0 !important;
}

/* PAYPAL */
.cbConnectButton .fa-paypal:before {
	content: " ";
	display: inline-block;
	background: url('images/paypal.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 100% 100%;
	height: 18px;
	width: 18px;
	vertical-align: text-top;
}

.cbConnectButtonPaypal {
	background-color: #0070BA !important;
	color: #ffffff !important;
}

.cbConnectButtonPaypal:hover,
.cbConnectButtonPaypal:focus,
.cbConnectButtonPaypal:active,
.cbConnectButtonPaypal.active,
.cbConnectButtonPaypal.disabled,
.cbConnectButtonPaypal[disabled] {
	background: #005A96 !important;
}

/* DISQUS */
.cbConnectButton .fa-disqus:before {
	content: " ";
	display: inline-block;
	background: url('images/disqus.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 100% 100%;
	height: 18px;
	width: 18px;
	vertical-align: text-top;
}

.cbConnectButtonDisqus {
	background-color: #2e9fff !important;
	color: #ffffff !important;
}

.cbConnectButtonDisqus:hover,
.cbConnectButtonDisqus:focus,
.cbConnectButtonDisqus:active,
.cbConnectButtonDisqus.active,
.cbConnectButtonDisqus.disabled,
.cbConnectButtonDisqus[disabled] {
	background-color: #2E91F1 !important;
}

/* WORDPRESS */
.cbConnectButton .fa-wordpress:before {
	color: #585c60 !important;
}

/* MEETUP */
.cbConnectButton .fa-meetup:before {
	color: #f13959 !important;
}

/* FLICKR */
.cbConnectButton .fa-flickr:before {
	content: " ";
	display: inline-block;
	background: url('images/flickr.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 100% 100%;
	height: 18px;
	width: 18px;
	vertical-align: text-top;
}

/* VIMEO */
.cbConnectButtonVimeo {
	background-color: #1ab7ea !important;
	color: #ffffff !important;
}

.cbConnectButtonVimeo:hover,
.cbConnectButtonVimeo:focus,
.cbConnectButtonVimeo:active,
.cbConnectButtonVimeo.active,
.cbConnectButtonVimeo.disabled,
.cbConnectButtonVimeo[disabled] {
	background-color: #1AADE0 !important;
}

/* LINE */
.cbConnectButton .fa-line:before {
	content: " ";
	display: inline-block;
	background: url('images/line.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 100% 100%;
	height: 18px;
	width: 18px;
	vertical-align: text-top;
}

.cbConnectButtonLine {
	background-color: #00C300 !important;
	border-color: #00B300 !important;
	color: #ffffff !important;
}

.cbConnectButtonLine:hover,
.cbConnectButtonLine:focus,
.cbConnectButtonLine:active,
.cbConnectButtonLine.active,
.cbConnectButtonLine.disabled,
.cbConnectButtonLine[disabled] {
	background-color: #00E000 !important;
	border-color: #00B300 !important;
}

/* SPOTIFY */
.cbConnectButtonSpotify {
	color: #1DB954 !important;
}

/* FACEBOOK */
.cbConnectButtonDiscord {
	background-color: #5865F2 !important;
	color: #ffffff !important;
}

.cbConnectButtonDiscord:hover,
.cbConnectButtonDiscord:focus,
.cbConnectButtonDiscord:active,
.cbConnectButtonDiscord.active,
.cbConnectButtonDiscord.disabled,
.cbConnectButtonDiscord[disabled] {
	background-color: #515DDE !important;
}

.cbConnectButton .fa-discord:before {
	content: " ";
	display: inline-block;
	background: url('images/discord.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 100% 100%;
	height: 18px;
	width: 20px;
	vertical-align: text-top;
}