.btn {       
   border-radius: 30px;
   font-size: 14px;
   font-family: 'Montserrat', sans-serif;
   font-weight: 400;
   padding: 10px 18px;
   display: flex;
   justify-content: center;
   align-items: center;
   transition: background-color .4s ease, color .4s ease, border-color .4s ease; 
}

.btn-autentika-primary {
   background-color: var(--autentika-green);
   color: #fff;
   border-color: var(--autentika-green); 
   border: 2px solid var(--autentika-green);     
}

:is(.btn-autentika-primary, .btn-autentika-o-primary):hover {
   background-color: var(--autentika-secondary);
   color: var(--autentika-green) !important; 
   border-color: var(--autentika-secondary);  
}

.btn-autentika-o-primary {   
   color: var(--autentika-green);      
   border: 2px solid var(--autentika-green);     
}

.btn .focus, .btn:focus {   
   outline: 0;
   box-shadow: 0 0 0 1px var(--autentika-green);
}

.btn-login-cni {
   background-color: #124a8f;
   color: #fff;
   border: 2px solid #124a8f;
}

.btn-login-cni:hover {
   background-color: #fff;
   color: #124a8f !important;   
}

.btn-login-cmd {
   background-color: #055bcc;
   color: #fff;
   border: 2px solid #055bcc;
}

.btn-login-cmd:hover {
   background-color: #fff;
   color: #055bcc !important;   
}