.btn-fx-blue .tn-atom {
  color: white !important;
  font-weight: 420;
  font-size: 18px;
  line-height: 1.4;
  border-radius: 5px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
 transition: background-color 0.4s ease-out, transform 0.4s ease-out, box-shadow 0.4s ease-out;
}

.btn-fx-blue .tn-atom:hover {
  background-color: #0a518f !important;
  transform: translateY(-2px);
  box-shadow: 0 5px 12px rgba(3, 63, 109, 0.3);
}



.btn-fx-orange .tn-atom {
  color: white !important;
  font-weight: 420;
  font-size: 18px;
  line-height: 1.4;
  border-radius: 5px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
 transition: background-color 0.4s ease-out, transform 0.4s ease-out, box-shadow 0.4s ease-out;
}

.btn-fx-orange .tn-atom:hover {
  background-color: #e8755c !important;
  transform: translateY(-2px);
  box-shadow: 0 5px 12px rgba(3, 63, 109, 0.3);
}