.wrap-green-box {
    position:relative;
    width:100%;    
    max-width: 365px;
    min-height: 144px;
    height:auto;
    background: #68C396 0% 0% no-repeat padding-box;
    border-radius: 35px;
    padding:20px 20px 20px 20px;
    margin:0 auto;
    display:flex;
    justify-content:center;
    align-items:center;
}
.wrap-green-box .content {
    width:100%;    
    height:auto;
    text-align: center;
    font: normal normal normal 18px/18px 'Quicksand';
    letter-spacing: 1.08px;
    color: #FFFFFF;
}
.wrap-green-box.overdiv {
    cursor:pointer;
    padding:20px;
}
.wrap-green-box.overdiv:hover .contentOnHover {
    display:flex;
}
.wrap-green-box.overdiv:hover {
    background: #FE846D;
}
.wrap-green-box.overdiv:hover .content,
.wrap-green-box .contentOnHover {
    display:none;
}

/*content*/
.wrap-green-box.overdiv .content {
    padding-right: 0;
}
.wrap-green-box .content span {
    margin-top:10px;
    font-weight:bold;
    display:block;
}
/*contentOnHover*/
.wrap-green-box .contentOnHover {
    width:100%;
    height:auto;
    min-height: 100px;
    text-align:center;
    flex-direction:column;
    justify-content:space-between;
    color: #FFFFFF;
}
.wrap-green-box .contentOnHover h2 {
    font: normal normal bold 22px/18px 'Quicksand';
    letter-spacing: 1.32px;
    margin:0 0 10px 0;
}
.wrap-green-box .contentOnHover span {
   font: normal normal normal 18px/18px Quicksand;
   letter-spacing: 1.08px;
   display:none;
}
.wrap-green-box .contentOnHover span.displayed {
   display:block;
}
.wrap-green-box .contentOnHover .wrap-price {
    width:100%;
    display:flex;
    justify-content:space-between;
}
.wrap-green-box .contentOnHover .wrap-price h3 {
    font: normal normal bold 17px Quicksand;
    margin:0;
}
.wrap-green-box .contentOnHover .wrap-price p {
    margin:0;
}