.plan-card{background-color:var(--off-white-color);border:1px solid var(--black-color);transition:var(--transition);border-radius:var(--border-round-radius);padding:20px;display:flex;flex-direction:column}.plan-card:hover{border-color:var(--second-color)}.plan-card-popular{border:2px solid var(--main-color)}.plan-card-popular:hover{border-color:var(--second-color)}.plan-card-popular:hover .plan-badge{background-color:var(--second-color);color:var(--white-color)}.plan-badge{background-color:var(--main-color);transition:var(--transition);right:-1px;top:-1px}.plan-title{color:var(--second-color)}.plan-title-popular{color:var(--main-color)}.plan-description{color:var(--dark-grey-color)}.plan-price,.plan-currency{color:var(--black-color)}.plan-period{color:var(--dark-grey-color)}.plan-button{background-color:var(--second-color);color:var(--white-color);transition:var(--transition)}.plan-button:hover,.plan-button-popular{background-color:var(--main-color)}.plan-button-popular:hover{background-color:var(--second-color)}.features-title{color:var(--black-color)}.feature-item{color:var(--dark-grey-color)}.feature-icon{color:var(--grey-color)}body.dark-theme .plan-card{background-color:var(--light-black-color);border-color:var(--white-color)}body.dark-theme .plan-card:hover{border-color:var(--second-color)}body.dark-theme .plan-card-popular{border-color:var(--main-color)}body.dark-theme .plan-card-popular:hover{border-color:var(--second-color)}body.dark-theme .plan-title{color:var(--second-color)}body.dark-theme .plan-title-popular{color:var(--main-color)}body.dark-theme .plan-description{color:var(--grey-color)}body.dark-theme .plan-price,body.dark-theme .plan-currency{color:var(--white-color)}body.dark-theme .plan-period{color:var(--grey-color)}body.dark-theme .plan-button{background-color:var(--second-color)}body.dark-theme .plan-button:hover,body.dark-theme .plan-button-popular{background-color:var(--main-color)}body.dark-theme .plan-button-popular:hover{background-color:var(--second-color)}body.dark-theme .features-title{color:var(--white-color)}body.dark-theme .feature-item{color:var(--grey-color)}body.dark-theme .feature-icon{color:var(--dark-grey-color)}