.pricingTable{ background: #9A2832; font-family: 'Lato', sans-serif; text-align: center; padding: 15px; } .pricingTable .pricingTable-header{ color: #fff; margin-bottom: 13px; } .pricingTable .title{ font-size: 45px; font-weight: 600; margin: 0; } .pricingTable .duration{ font-size: 16px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; display: block; } .pricingTable .pricing-content{ background-color: #fff; padding: 10px; border-radius: 40px; } .pricingTable .price-value{ color: #fff; background-color: #8D0E29; font-size: 50px; margin: 0 0 15px 0; border-radius: 33px; } .pricingTable .pricing-content .inner-content{ color: #8D0E29; font-size: 18px; font-weight: 600; line-height: 40px; letter-spacing: 1px; padding: 0; margin: 0 0 15px 0; list-style: none; } .pricingTable .pricingTable-signup a{ color: #fff; background-color: #8D0E29; font-size: 30px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; padding: 6px 5px; border-radius: 30px; border: 5px solid #8D0E29; display: block; position: relative; z-index: 1; transition: all 0.3s; } .pricingTable .pricingTable-signup a:hover{ color: #8D0E29; background-color: #fff; box-shadow: 0 0 15px #555 inset; } .pricingTable .pricingTable-signup a:before, .pricingTable .pricingTable-signup a:after{ content: ''; background-color: rgba(255,255,255,0.5); height: 50%; width: 0; transform: translateY(-50%); position: absolute; left: 0; top: 50%; z-index: -1; transition: all 0.3s; } .pricingTable .pricingTable-signup a:after{ left: auto; right: 0; } .pricingTable .pricingTable-signup a:hover:before, .pricingTable .pricingTable-signup a:hover:after{ width: 100%; opacity: 0; } .pricingTable.blue{ background: #27317B; } .pricingTable.blue .price-value{ background-color: #202B58; } .pricingTable.blue .pricing-content .inner-content{ color: #202B58; } .pricingTable.blue .pricingTable-signup a{ background-color: #202B58; border-color: #202B58; } .pricingTable.blue .pricingTable-signup a:hover{ color: #202B58; background-color: #fff; } .pricingTable.green{ background: #07a8b7; } .pricingTable.green .price-value{ background-color: #00b2b2; } .pricingTable.green .pricing-content .inner-content{ color: #00b2b2; } .pricingTable.green .pricingTable-signup a{ background-color: #00b2b2; border-color: #00b2b2; } .pricingTable.green .pricingTable-signup a:hover{ color: #00b2b2; background-color: #fff; } @media only screen and (max-width: 990px){ .pricingTable{ margin: 0 0 40px; } }