.cws-plans-wrapper {
    max-width: 1080px;
    margin: auto;
    padding: 1rem;
}

.cws-plans-grid {
    display: grid;
    grid-template-areas:
        "basic premium standard";
    gap: 50px;
}

.cws-plans-head {
    margin-bottom: 35px;
    text-align: center;
}

ul.cws-features-list {
    list-style: none;
    margin: .5rem 0;
    font-size: .9rem;
}

.cws-plan-card {
    padding: 20px;
    box-shadow: 0px 5px 35px 0px #99999954;
    border-radius: 12px;
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    gap: 15px;
    margin-top: 35px;
}

h3.cws-plan-name {
    font-weight: bold;
    margin-bottom: 5px;
}

span.cws-regular-price {
    text-decoration: line-through;
    color: #878787;
    font-size: 17px;
}

span.cws-offer-price::before {
    content: '\F7EC';
    font-family: 'bootstrap-icons';
    font-weight: normal;
    font-size: 16px;
}

span.cws-offer-price {
    font-size: 2.2rem;
    font-weight: bold;
    margin: 0;
}

span.cws-discount-label {
    background: var(--cws-primary);
    padding: 2px 10px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 25px;
    color: white;
}

.cws-offer-price-wrapper {
    margin-top: 0.5rem;
}

.cws-plan-card.cws-recommended-plan {
    border: 1px solid #224f6485;
    position: relative;
    border-radius: 0 0 12px 12px;
    grid-area: premium;
}

.cws-plan-card.cws-recommended-plan::before {
    content: 'Recommended';
    padding: 8px 15px;
    background: #224f64cf;
    color: white;
    font-weight: bold;
    position: absolute;
    transform: translateY(-100%);
    width: 100%;
    border-radius: 12px 12px 0 0;
    outline: 1px solid #224f6485;
    text-align: center;
}

li.cws-feature-unavailable {
    color: #858585;
}


a.cws-select-plan {
    background: transparent;
    color: var(--cws-primary);
    border: 1px solid;
    border-radius: 5px;
    text-align: center;
    line-height: 2rem;
    transition: .3s ease;
}

.cws-recommended-plan a.cws-select-plan {
    background: #224f64;
    color: white;
}