#backtotop {
  /* Setările tale de bază păstrate */
  text-indent: -9999px;
  display: none;
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 55px; /* Dimensiune u?or redusă pentru un aspect mai rafinat */
  height: 55px;
  z-index: 300;
  cursor: pointer;
  border: none;
  
  /* Design modern: Formă rotundă ?i umbră */
  border-radius: 50%;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  
  /* Fundalul albastru cu săgeata albă integrată direct în CSS (fără fi?iere externe) */
  background-color: #002b5e;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='18 15 12 9 6 15'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 26px 26px; /* Dimensiunea săge?ii */
  
  /* Anima?ie fluidă pentru efectele de hover */
  transition: all 0.3s ease;
}

/* Efectul la trecerea mouse-ului */
#backtotop:hover {
  background-color: #004080; /* Culoarea se deschide u?or */
  transform: translateY(-5px); /* Se ridică 5px în sus */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3); /* Umbra se măre?te */
}

/* Accesibilitate pentru navigarea din tastatură */
#backtotop:focus {
  outline: 2px solid #002b5e;
  outline-offset: 3px;
}