.plan-panel {
    display:block;
    height:100%;
    position: relative;
    color: #d3d3d3 !important;
    transition:400ms;
    padding-bottom:20px;
    background-image: radial-gradient( circle farthest-corner at 10% 20%, rgb(141, 141, 141) 0%, rgb(178, 178, 178) 90.1% );
}

.plan-panel.active, .plan-panel:hover {
    color:white !important;
}

.plan-price {
    position:absolute;
    display:block;
    left:15px;
    bottom:15px;
    font-weight:bold;
    font-style:italic;
}

.plan-panel.plan-1.active, .plan-panel.plan-1:hover  {
    transition:400ms;
    background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(67,144,233,1) 0%, rgba(78,226,198,1) 90.1% );
}
.plan-panel.plan-2.active, .plan-panel.plan-2:hover {
    transition:400ms;
    background-image: linear-gradient( 88.7deg,  rgba(107,116,179,1) -2.4%, rgba(207,150,207,1) 102% );
}

.plan-panel > span.plan-header, .plan-panel > span.plan-body {
    display:block;
    padding:15px;
}

.plan-panel > span.plan-header {
    text-align:center;
    font-weight:bold;
    font-size:1.3em;
}

.summary-container > table {
    width:auto;
    margin-top:15px;
}

.summary-container > table tr > td:first-child {
    font-weight:bold;
}