GPP Shortcode Buttons Styling

/* Buttons */

.metaslider .msHtmlOverlay .layer .gpp-sc-button {
	display: inline-block;
	margin: 0 0 1em;
	padding: 8px 15px;
	border: 0;
	border-radius: 2px;
	border: 1px solid transparent;
	color: #ffffff;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	font-family: Arial, "Lucida Grande", sans-serif;
	line-height: 1.5384615384615385;
	cursor: pointer;
	outline: none;
	background-color: #434a54;
	border-color: #434a54;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-style:normal;
	text-decoration:none;
}
.metaslider .msHtmlOverlay .layer .gpp-sc-button.medium {
	padding: 12px 24px;
	font-size: 18px;
}
.metaslider .msHtmlOverlay .layer .gpp-sc-button.medium .gpp-sc-genericon {
	line-height: 1.25;
	font-size: 18px;
}
.metaslider .msHtmlOverlay .layer .gpp-sc-button.large {
	padding: 20px 32px;
	font-size: 24px;
}
.metaslider .msHtmlOverlay .layer .gpp-sc-button.large .gpp-sc-genericon {
	line-height: 1.5;
	font-size: 24px;
}
.metaslider .msHtmlOverlay .layer .gpp-sc-button.block {
	display: block;
}
.metaslider .msHtmlOverlay .layer .gpp-sc-button-icon-left {
	padding-right: 0.5em;
}
.metaslider .msHtmlOverlay .layer .gpp-sc-button-icon-right {
	padding-left: 0.5em;
}
.metaslider .msHtmlOverlay .layer .gpp-sc-button-icon-left.gpp-sc-genericon, 
.metaslider .msHtmlOverlay .layer .gpp-sc-button-icon-right.gpp-sc-genericon {
	vertical-align: top;
	height: 10px;
}
.metaslider .msHtmlOverlay .layer .gpp-sc-button:hover {
	opacity: 0.8;
}
.metaslider .msHtmlOverlay .layer .gpp-sc-button span.gpp-sc-button-inner {
	display: block;
	font-weight: normal;
	line-height: 1.5384615384615385;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
	color: #fff;
}

.metaslider .msHtmlOverlay .layer .gpp-sc-button.grey, 
.metaslider .msHtmlOverlay .layer .gpp-sc-box.grey, 
.metaslider .msHtmlOverlay .layer .gpp-sc-highlight.grey, 
.metaslider .msHtmlOverlay .layer .gpp-sc-pricing-header.grey, 
.metaslider .msHtmlOverlay .layer .gpp-sc-pricing-header.grey h5 {
	background-color: #ccc;
	border-color: #ccc;
	color: #fff;
}

.metaslider .msHtmlOverlay .layer .gpp-sc-button.yellow, 
.metaslider .msHtmlOverlay .layer .gpp-sc-box.yellow, 
.metaslider .msHtmlOverlay .layer .gpp-sc-highlight.yellow, 
.metaslider .msHtmlOverlay .layer .gpp-sc-pricing-header.yellow, 
.metaslider .msHtmlOverlay .layer .gpp-sc-pricing-header.yellow h5 {
	background-color: #f6bb42;
	border-color: #f6bb42;
	color: #fff;
}

.metaslider .msHtmlOverlay .layer .gpp-sc-button.green, 
.metaslider .msHtmlOverlay .layer .gpp-sc-box.green, 
.metaslider .msHtmlOverlay .layer .gpp-sc-highlight.green, 
.metaslider .msHtmlOverlay .layer .gpp-sc-pricing-header.green, 
.metaslider .msHtmlOverlay .layer .gpp-sc-pricing-header.green h5 {
	background-color: #8cc152;
	border-color: #8cc152;
	color: #fff;
}

.metaslider .msHtmlOverlay .layer .gpp-sc-button.red, 
.metaslider .msHtmlOverlay .layer .gpp-sc-box.red, 
.metaslider .msHtmlOverlay .layer .gpp-sc-highlight.red, 
.metaslider .msHtmlOverlay .layer .gpp-sc-pricing-header.red, 
.metaslider .msHtmlOverlay .layer .gpp-sc-pricing-header.red h5 {
	background-color: #da4453;
	border-color: #da4453;
	color: #fff;
}

.metaslider .msHtmlOverlay .layer .gpp-sc-button.pink, 
.metaslider .msHtmlOverlay .layer .gpp-sc-box.pink, 
.metaslider .msHtmlOverlay .layer .gpp-sc-highlight.pink, 
.metaslider .msHtmlOverlay .layer .gpp-sc-pricing-header.pink, 
.metaslider .msHtmlOverlay .layer .gpp-sc-pricing-header.pink h5 {
	background-color: #d770ad;
	border-color: #d770ad;
	color: #fff;
}

.metaslider .msHtmlOverlay .layer .gpp-sc-button.black, 
.metaslider .msHtmlOverlay .layer .gpp-sc-box.black, 
.metaslider .msHtmlOverlay .layer .gpp-sc-highlight.black, 
.metaslider .msHtmlOverlay .layer .gpp-sc-pricing-header.black, 
.metaslider .msHtmlOverlay .layer .gpp-sc-pricing-header.black h5 {
	background-color: #434a54;
	border-color: #434a54;
	color: #fff;
}

.metaslider .msHtmlOverlay .layer .gpp-sc-button.blue, 
.metaslider .msHtmlOverlay .layer .gpp-sc-box.blue, 
.metaslider .msHtmlOverlay .layer .gpp-sc-highlight.blue, 
.metaslider .msHtmlOverlay .layer .gpp-sc-pricing-header.blue, 
.metaslider .msHtmlOverlay .layer .gpp-sc-pricing-header.blue h5 {
	background-color: #3bafda;
	border-color: #3bafda;
	color: #fff;
}

.metaslider .msHtmlOverlay .layer .gpp-sc-button.purple, 
.metaslider .msHtmlOverlay .layer .gpp-sc-box.purple, 
.metaslider .msHtmlOverlay .layer .gpp-sc-highlight.purple, 
.metaslider .msHtmlOverlay .layer .gpp-sc-pricing-header.purple, 
.metaslider .msHtmlOverlay .layer .gpp-sc-pricing-header.purple h5 {
	background-color: #967adc;
	border-color: #967adc;
	color: #fff;
}