:root{
    --basic-plan-color:#D6959D;
    --pro-plan-color:#CFB38A;
    --team-plan-color:#F8B77F;
    --enterprise-plan-color:#5db2ab;
}


.btn-black {
  color: #3E3E41;
  border-color: #3E3E41;
}

.btn-outline-black {
  color: #3E3E41;
  border-color: #3E3E41;
}

.btn-outline-black.actived,
.btn-outline-black:hover {
  color: #fff;
  background-color: #3E3E41;
  border-color: #3E3E41;
}

.btn-fill-black {
  color: #fff;
  background-color: #3E3E41;
}

.btn-fill-black.actived,
.btn-fill-black:hover {
  background-color: #fff;
  color: #3E3E41;
  border-color: #3E3E41;
}

.btn-green {
  color: #fff;
  background-color: #56B9B3;
}

.bgc-gray {
  background-color: #f7f8f8;
}

.basic-plan-color{
    color: var(--basic-plan-color);
}

.pro-plan-color{
    color: var(--pro-plan-color);
}

.team-plan-color{
    color: var(--team-plan-color);
}

.enterprise-plan-color{
    color: var(--enterprise-plan-color);
}

.btn-basic-plan{
    color: #fff;
    background-color: var(--basic-plan-color);
}

.btn-pro-plan{
    color: #fff;
    background-color: var(--pro-plan-color);
}

.btn-team-plan{
    color: #fff;
    background-color: var(--team-plan-color);
}

.btn-enterprise-plan{
    color: #fff;
    background-color: var(--enterprise-plan-color);
}

.btn-white{
    color: #000;
    background-color: #fff;

}