$icon-size:3rem;$icon-color:#d8d8d8;$main-color:#f85e6a;.pricing-table[data-v-68b4b58e]{display:table;width:100%;.pricing-option{width:28%;background:#fff;float:left;padding:2%;text-align:center;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;&:nth-child(2n){margin:0 2%}&:hover{cursor:pointer;-webkit-box-shadow:0 2px 30px rgba(0,0,0,.3);box-shadow:0 2px 30px rgba(0,0,0,.3);-webkit-transform:scale(1.04);transform:scale(1.04);b,h1,i,span{color:$main-color}.front{opacity:0;visibility:hidden}.back{opacity:1!important;visibility:visible!important;a.button{-webkit-transform:translateY(0)!important;transform:translateY(0)!important}}}hr{border:none;border-bottom:1px solid #f0f0f0}i{font-size:$icon-size;color:$icon-color}h1,i{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}h1{margin:10px 0;color:#212121}p{color:#999;padding:0 10px;line-height:1.3}.price{position:relative;.front{span.price{font-size:2rem;text-transform:uppercase;margin-top:20px;display:block;font-weight:700;position:relative;b{position:absolute;font-size:1rem;margin-left:2px;font-weight:600}}}.back{opacity:0;visibility:hidden;a.button{background:$main-color;padding:15px 20px;display:inline-block;text-decoration:none;color:#fff;position:absolute;font-size:13px;top:-5px;left:0;right:0;width:150px;margin:auto;text-transform:uppercase;-webkit-transform:translateY(20px);transform:translateY(20px);&:hover{background:darken($main-color,10%)}}}}}}@media screen and (max-width:600px){.pricing-table[data-v-68b4b58e]{.pricing-option{padding:5%;width:90%;&:nth-child(2n){margin:30px 0!important}}}}