/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


/** Botón Rollover **/

.brxe-ss-button-rollover {
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	flex-direction: column;
  	position: relative;
  	overflow: hidden;	
  	cursor: pointer;
	height: 41px;
	color: var(--dark)!important;
	font-size: var(--text-s);
	font-weight: 700;
	letter-spacing: 0px;
	min-width: 300px;
	max-width: 100%;
	text-transform: uppercase!important;
}


.brxe-ss-button-rollover:hover .rol:nth-child(1){
	transform: translateY(-250%);
}

.brxe-ss-button-rollover:hover .rol:nth-child(2){
	transform: translateY(0%);
}

.brxe-ss-button-rollover .rol {
  	transition: all .5s;
    position: absolute;
	color: var(--dark);
}

.brxe-ss-button-rollover .rol:nth-child(2) {
	transform: translateY(250%);
}