.wps_mfw_membership_front_page {
display: flex;
flex-direction: column;
align-items: center;
max-width: 800px;
}
.wps_member_price {
text-align: center;
background: #8BC34A;
color: #fff;
padding: 5px 35px 5px 10px;
margin: 15px auto;
position: relative;
box-shadow: 0 5px 5px -5px rgb(0 0 0 / 30%);
letter-spacing: 0.5px;
font-size: 14px;
max-width: 200px;
clip-path: polygon(100% 0, 90% 50%, 100% 100%, 0 100%, 0 0);
}
.single-product .wps_member_price {
margin: 15px 0px;
}
.wps_member_price:before {
content: '';
position: absolute;
top: 30px;
left: 0px;
border-right: 5px solid #8BC34A;
border-top: 5px solid #8BC34A;
border-bottom: 5px solid transparent;
border-left: 5px solid transparent;
box-shadow: 8px -4px 9px -7px rgba(0, 0, 0, 0.2);
} .wps-membership__header {
background-color: #fff;
border-left: 6px solid #007aff;
max-width: 1140px;
width: 90%;
margin: 25px auto;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 5px;
position: relative;
}
.wps-membership__header--msg {
font-size: 14px;
padding: 5px;
font-weight: 500;
text-transform: capitalize;
background-color: #dbecff;
color: #007aff;
margin: 5px 5px 5px 0;
border-radius: 2px;
}
.wps-membership__header--msg:nth-of-type(even) {
background-color: #ffe7db;
color: #ff7700;
}
.wps-membership__header--close {
font-size: 24px;
font-weight: 700;
position: absolute;
right: 5px;
top: 0px;
color: #007aff;
}
.wps-membership-div{
display: block;
width: 100%;
margin: 5px 0px;
}
.wps-membership-div:nth-of-type(even) .wps-membership__header--msg {
background-color: #ffe7db;
color: #ff7700;
}