/*
// -------------------------------------------------------------------
// wps-divi-button-2x.css
// -------------------------------------------------------------------
*/



/*
// -------------------------------------------------------------------
// DIVI Button 2x
// -------------------------------------------------------------------
// Make Button bigger
// -------------------------------------------------------------------
// USAGE: 
// Add class to divi button: 
// 		wps-divi-button-2x
// -------------------------------------------------------------------
*/
.et_pb_button.wps-divi-button-2x
{
	font-size: 22px;
	font-family: var(--wps-font-family-button);
	/* Use line-height, not padding for a bigger button */
	/* Why? The padding gets transformed in the transition */
	line-height: 1.7em!important;
}

/*
// -------------------------------------------------------------------
// DIVI Button 2x
// -------------------------------------------------------------------
// Adjust the hover fx
// - Make arrow appear centered
// -------------------------------------------------------------------
// HINT
// - This is NOT done with the hover selector
// -------------------------------------------------------------------
*/
.et_pb_button.wps-divi-button-2x:after
{
	/* content: "x"; */
	line-height: 1.7em!important;
}


/*
// -------------------------------------------------------------------
// DIVI Button
// -------------------------------------------------------------------
// - Full width for 2x and regular size wps-buttons
// -------------------------------------------------------------------
*/
.et_pb_button.wps-divi-button-width-100-percent
{
	width: 100%;
}