:root {

    --btn-font-size: 14px;
    --btn_bg-primary: #F19D79;
    --btn_bg-secondary: #87A136;
    --btn_bg-success: #B2FFD6;
    --btn_success-color:#5B7D48;
    --btn_bg-info: #D0F3FB;
    --btn_info-color: #109BB7;
    --btn_bg-danger:#DC3545;
    --btn_danger-color:#ffffff;
    --btn_bg-danger-transparent: #ffffff;
    --btn_danger-transparent-color:#DC3545;
    --btn_bg-warning: #F7CE64;
    --btn_warning-color: #625604;
    --btn_bg-light:#fff;
    --btn_light-color:#7E7E7E;
    --btn_bg-green:#5B7D48;
    --btn_green-color:#ffffff;
    --btn_bg-grey: #878787;
    --btn_grey-color:#ffffff;
    --btn_border-radius: 20px;
    --grey-dot: #C5CDD3;
    --green-dot:#87A136;
    --yellow-dot:#F7CE64; }
button{  border-radius: var(--btn_border-radius);   font-size: var(--btn-font-size);
    line-height: var(--btn-font-size);  border: 0;  cursor: pointer;  padding: 3px 12px;  display: flex;   align-items: center;  display: inline-block; }
button.large{   font-size: 22px;   padding: 20px; }
button.medium{   font-size: 16px;  padding: 14px;  }
.btn_primary {  background: var(--btn_bg-primary);  color: #fff;  }
.btn_secondary {  background: var(--btn_bg-secondary);  color: #fff; }
.btn_success { background: var(--btn_bg-success);   color: var(--btn_success-color);   border:1px solid var(--btn_success-color); }
.btn_danger {   background: var(--btn_bg-danger);  color: var(--btn_danger-color);  border:1px solid var(--btn_danger-color); }
.btn_danger_outline {   background: transparent;  color: var(--btn_bg-danger); border:1px solid var(--btn_bg-danger); }
.btn_danger.transparent {  background: var(--btn_bg-danger-transparent); color: var(--btn_danger-transparent-color);  border:1px solid var(--btn_danger-transparent-color);}
.btn_info {  background: var(--btn_bg-info); color: var(--btn_info-color);  padding: 4px 12px;  }
.btn_warning {   background: var(--btn_bg-warning);  color: var(--btn_warning-color);  }
.btn_light { background: var(--btn_bg-light);  color: var(--btn_light-color); box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);  }
.btn_light img{   margin: 0 6px 0 0;  } 
.btn_green {  background: var(--btn_bg-green);   color: var(--btn_green-color);}
.btn_grey {  background: var(--btn_bg-grey);  color: var(--btn_grey-color);}
.eye_icon {   margin-left: 4px;  vertical-align: middle;  }
.grid_dot {  background: var(--grey-dot);   width: 20px;  height: 20px;  border-radius: 50%;  display: inline-block;  }
.grid_dot.green{  background: var(--green-dot); }
.grid_dot.yellow{  background: var(--yellow-dot);}