.TDexonGUI_ButtonDataFilter
{
   background-color: #1E73FF;
   color: #FFFFFF;
   display: inline-flex;
   align-items: center;
   gap: 5px;
   border: none;
   border-radius: 4px;
   padding: 0px 8px 0px 8px;
   font-size: 10px;
   font-weight: 500;
   cursor: pointer;
   transition: background 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
   box-shadow: 0 1px 1px rgba(23, 139, 255, 0.25);
   height: 23px;
   max-width: 70.08px;
   user-select: none;
   z-index: 5;
}

.TDexonGUI_ButtonDataFilter:hover
{
   background-color: #0041a3;
}

.TDexonGUI_ButtonDataFilter:hover
{
   background-color: #175DE0;
   box-shadow: 0 2px 5px rgba(23, 139, 255, 0.35);
}

.TDexonGUI_Button.TDexonGUI_ButtonMenu
{
   background-color: #EAF1FF;
   color: #2376F4;
   border: 1px solid #2376F4;
   padding: 4px 0px;
   border-radius: 6px;
   cursor: pointer;
   transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
   font-weight: 600;
   display: flex;
   align-items: center;
   justify-content: center;
   user-select: none;
   width: max-content;
   font-size: 14px;
   gap: 8px;
   min-width: 40px;
   max-height: 28px
}

.TDexonGUI_Button.TDexonGUI_ButtonLink
{
   background-color: transparent;
   color: #2376F4;
   border: none;
   padding: 6px 8px;
   border-radius: 4px;
   cursor: pointer;
   font-size: 13px;
   font-weight: 500;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   text-decoration: none;
   transition: background-color 0.2s ease, color 0.2s ease;
   user-select: none;
}

.TDexonGUI_Button.TDexonGUI_ButtonLink:hover
{
   background-color: rgba(35, 118, 244, 0.1);
   color: #1F5FD1;
   text-decoration: none;
}

.TDexonGUI_Button.TDexonGUI_ButtonMenu:hover
{
   background-color: #1F5FD1;
   color: #FFFFFF;
   border-color: #1B4FAD;
}

@media (max-width: 768px) 
{   
   .Forgot .TDexonGUI_Button 
   {
       font-size: 12px;
       padding: 4px 8px;
   }   
}