.flip-card {
  
  /*background-image: url("toasty1.png");
  background-color: #7676ff;*/
  background-color: transparent;
  width: auto;
  height: 415px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.9s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
 
}


.flip-card:focus .flip-card-inner {
  transform: rotateY(180deg);
  
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
 
}

.flip-card-front {
  background-color: #faf9ff;
  color: black;
  border-radius:3px;
  border:0;
  box-shadow:0px 2px 2px 0px rgba(40,25,114,0.1);
  
}
.flip-card-front:hover {
	background:#ddd9fc;
	box-shadow:0px 20px 25.5px 10.5px rgba(33,20,106,0.4);
	font-weight:bold;
	
}
/*
.flip-card-back .button{
	color:#fff;
	box-shadow:0px 10px 20px 0px rgba(42,38,172,0.1)
}
*/
.boton {
/*background-color:#1e1859;*/
	background:#faf9ff;
	/*border:3px solid #dbd9e6;*/
	border-radius: 30px;
	padding: 9px 30px;
	border:1px solid #1e1859;
	color:#1e1859;
	
	
}
.boton:hover{
	
	    background: linear-gradient(to right, #2926ac 0%, #6128be 100%);
	/*border-color:#1e1859;*/
	color:#faf9ff;
	border-radius:30px;
}	

.flip-card-back {
  background-color: #ddd9fc;
  color: white;
  transform: rotateY(180deg);
  box-shadow:0px 20px 25.5px 10.5px rgba(33,20,106,0.4);
}
[tabindex] {
   outline: none !important;
}

.card-pricing:hover{background:#ddd9fc;box-shadow:0px 20px 25.5px 10.5px rgba(33,20,106,0.4);font-weight:bold}.card-pricing:hover .card-pricing__price{color:#1e1859}.card-pricing:hover .card-pricing__header h4,.card-pricing:hover p{color:#1e1859}.card-pricing:hover .button{color:#fff;box-shadow:0px 10px 20px 0px rgba(42,38,172,0.1)}*/