:root {
     --thm-font-color: #515657;
     --thm-font-color-rgb: 81, 86, 87;
     --thm-font-color2: #9bb6b8;
     --thm-font-color2-rgb: 155, 182, 184;
     --thm-primary: #89a3a5;
     --thm-primary-rgb: 137, 163, 165;
     --thm-primary-2: #d4fb7d;
     --thm-primary-2-rgb: 212, 251, 125;
     --thm-black: #072e32;
     --thm-black-rgb: 7, 46, 50;
     --thm-black-2: #02464a;
     --thm-black-2-rgb: 2, 70, 74;
     --thm-black-bg: #072e32;
     --thm-black-bg-rgb: 7, 46, 50;
     --thm-gray-bg: #f1f5f5;
     --thm-gray-bg-rgb: 241, 245, 245;
     --thm-bdr-color: #e5eaea;
     --thm-bdr-color-rgb: 229, 234, 234;
     --thm-bdr-color2: #d6dcdc;
     --thm-bdr-color2-rgb: 214, 220, 220;
     --thm-bdr-color3: #16464b;
     --thm-bdr-color3-rgb: 22, 70, 75;
 }

 /** button **/

 .thm-btn:hover {
     color: var(--thm-black);
 }

 .thm-btn::before {
     background-color: var(--thm-primary-2);
 }