.pricingTable{ background: linear-gradient(#fff,#f1f1f1); font-family: 'Ubuntu', sans-serif; text-align: center; padding: 0 0 25px; border-radius: 15px; box-shadow: 0 0 20px -10px #fff; } .pricingTable .pricingTable-header{ color: #fff; background: #f55c78; padding: 45px 10px 60px; border-radius: 14px 14px 0 0; } .pricingTable .title{ font-size: 45px; font-weight: 400; text-transform: uppercase; margin: 0; } .pricingTable .price-value{ color: #f55c78; background: #fff; font-size: 45px; line-height: 45px; padding: 5px; width: 80%; margin: -32px auto 20px; border-radius: 50px; border: 2px solid #f55c78; } .pricingTable .pricing-content{ padding: 0; margin: 0 0 20px; list-style: none; display: inline-block; } .pricingTable .pricing-content li{ color: #333; font-size: 18px; font-weight: 500; line-height: 40px; text-transform: uppercase; margin: 0 0 5px; border-bottom: 2px solid #111; } .pricingTable .pricing-content li:last-child{ margin-bottom: 0; border-bottom: none; } .pricingTable .pricingTable-signup a{ color:#fff; background:#f55c78; font-size: 27px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; width: 80%; padding: 8px; margin: 0 auto; border-radius: 20px; display: block; transition: all 0.3s ease 0s; } .pricingTable .pricingTable-signup a:hover{ letter-spacing: 3px; text-shadow: 0 0 10px rgba(0, 0, 0, 0.8); } .pricingTable.blue .pricingTable-header, .pricingTable.blue .pricingTable-signup a{ background: #279CFC; } .pricingTable.blue .price-value{ color: #279CFC; border-color: #279CFC; } .pricingTable.purple .pricingTable-header, .pricingTable.purple .pricingTable-signup a{ background: #744EA5; } .pricingTable.purple .price-value{ color: #744EA5; border-color: #744EA5; } @media only screen and (max-width: 990px){ .pricingTable{ margin-bottom: 40px; } }