html body .title{ margin-bottom:20px; text-align:center}html body .pricing-container .pricing-table{ position:relative; margin-bottom:15px}html body .pricing-container .pricing-table .tb-border:before{ content:''; display:block; height:5px; top:0; left:0; right:100%; background:#fff; position:absolute; z-index:1; -webkit-transition:right .2s linear .6s; transition:right .2s linear .6s}html body .pricing-container .pricing-table .tb-border:after{ content:''; display:block; height:5px; bottom:0; left:100%; right:0; background:#fff; position:absolute; z-index:1; -webkit-transition:left .2s linear .2s; transition:left .2s linear .2s}html body .pricing-container .pricing-table .lr-border:before{ content:''; display:block; width:5px; top:100%; left:0; bottom:0; background:#fff; position:absolute; z-index:1; -webkit-transition:top .2s linear; transition:top .2s linear}html body .pricing-container .pricing-table .lr-border:after{ content:''; display:block; width:5px; top:0; right:0; bottom:100%; background:#fff; position:absolute; z-index:1; -webkit-transition:bottom .2s linear .4s; transition:bottom .2s linear .4s}html body .pricing-container .pricing-table:hover .pricing-inner{ background:#4555bd; color:#fff}html body .pricing-container .pricing-table:hover .tb-border:before{ right:0; -webkit-transition:right .2s linear; transition:right .2s linear}html body .pricing-container .pricing-table:hover .tb-border:after{ left:0; -webkit-transition:left .2s linear .4s; transition:left .2s linear .4s}html body .pricing-container .pricing-table:hover .lr-border:before{ top:0; -webkit-transition:top .2s linear .6s; transition:top .2s linear .6s}html body .pricing-container .pricing-table:hover .lr-border:after{ bottom:0; -webkit-transition:bottom .2s linear .2s; transition:bottom .2s linear .2s}html body .pricing-container .pricing-table:hover button{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1}html body .pricing-container .pricing-inner{ background-color:#2a2273 !important; text-align:center; color:#fff; -webkit-transition:background .4s ease-in,color .4s ease-in}html body .pricing-container .pricing-inner .plan-name{ padding:25px 15px 0 15px; position:relative}html body .pricing-container .pricing-inner .plan-price-container{ overflow:hidden}html body .pricing-container .pricing-inner .plan-price{ font-size:46px; margin:0; font-weight:800}html body .pricing-container .pricing-inner .plan-desc{ font-size:12px; margin-bottom:0; padding:0 20px 25px}html body .pricing-container .pricing-inner button{ font-size:13px; border-radius:40px; border:0; padding:15px 15px; margin:-15px 15px 25px 0; background:#24a8df; color:#fff; opacity:0; -webkit-transform:translate3d(0,-15px,0); transform:translate3d(0,-15px,0); -webkit-transition:opacity .3s,transform .3s; -webkit-transition:opacity .3s,-webkit-transform .3s; transition:opacity .3s,-webkit-transform .3s; transition:opacity .3s,transform .3s; transition:opacity .3s,transform .3s,-webkit-transform .3s}@-webkit-keyframes hue-rotate{ from{  -webkit-filter:hue-rotate(0);  -moz-filter:hue-rotate(0);  -ms-filter:hue-rotate(0);  filter:hue-rotate(0) } to{  -webkit-filter:hue-rotate(360deg);  -moz-filter:hue-rotate(360deg);  -ms-filter:hue-rotate(360deg);  filter:hue-rotate(360deg) }}@keyframes hue-rotate{ from{  -webkit-filter:hue-rotate(0);  -moz-filter:hue-rotate(0);  -ms-filter:hue-rotate(0);  filter:hue-rotate(0) } to{  -webkit-filter:hue-rotate(360deg);  -moz-filter:hue-rotate(360deg);  -ms-filter:hue-rotate(360deg);  filter:hue-rotate(360deg) }}@-webkit-keyframes moveUp{ 50%{  -webkit-transform:translate3d(0,-100%,0);  transform:translate3d(0,-100%,0) } 51%{  opacity:0;  -webkit-transform:translate3d(0,-100%,0);  transform:translate3d(0,-100%,0) } 52%{  opacity:1;  -webkit-transform:translate3d(0,100%,0);  transform:translate3d(0,100%,0) } 100%{  -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0) }}@keyframes moveUp{ 50%{  -webkit-transform:translate3d(0,-100%,0);  transform:translate3d(0,-100%,0) } 51%{  opacity:0;  -webkit-transform:translate3d(0,-100%,0);  transform:translate3d(0,-100%,0) } 52%{  opacity:1;  -webkit-transform:translate3d(0,100%,0);  transform:translate3d(0,100%,0) } 100%{  -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0) }}@media only screen and (min-width:320px) and (max-width:480px){ .plan__subtitle{  font-size:15px;  font-weight:400;  letter-spacing:3px } .my_text{  font-size:19px } .plan-basic p{  font-size:20px } html body .pricing-container .pricing-inner button{  font-size:18px }}