.btn-mina {
  background-color: transparent;
  color: var(--text-color);
  border: 1px solid var(--gray-800);
  font-size: 14px;
  padding: 6px 14px;
  border-radius: var(--border-radius);
  display: inline-block;
  align-items: center;
  gap: 6px;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
  text-align: center;
  margin-bottom: 12px;
}
.btn-mina.mini {
  padding: 3px 7px;
}
.btn-mina:hover {
  background-color: var(--gray-700);
  color: white;
}

.btn-mina:hover i {
  color: white;
}

.btn-mina:disabled,
.btn-mina.disabled {
  background-color: var(--gray-200);
  border-color: var(--gray-300);
  color: var(--gray-500);
  cursor: not-allowed;
}
.btn-mina:disabled:hover i {
  color: var(--gray-500);
}

.btn-mina-light {
  background-color: var(--main-color);  
  color: var(--gray-100); 
  border: 1px solid var(--gray-300);
  font-size: 14px;
  padding: 12px 24px;
  border-radius: var(--border-radius);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.25s ease-in-out;
  text-decoration: none;
}

.btn-mina-light:hover {
  background-color: var(--main-color);
  color: white;
}

.btn-mina-light:hover i {
  color: white;
}

.btn-mina-light.mini {
  padding: 3px 7px;
}

.btn-mina-light:disabled,
.btn-mina-light.disabled {
  background-color: var(--gray-200);
  border-color: var(--gray-300);
  color: var(--gray-500);
  cursor: not-allowed;
}