/* iPad-ONLY: Simple styling for text-only button */

@media only screen and (min-width: 768px) and (max-width: 1366px) {

  /* Hide initially */
  #backtotop {
    display: none !important;
  }

  /* Style when visible */
  #backtotop.show-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #1e3a5f !important;
    width: 60px !important;
    height: 60px !important;
    border-radius: 50% !important;
    border: 2px solid #ffffff !important;
    font-size: 36px !important;
    color: #ffffff !important;
    font-weight: bold !important;
    font-family: Arial, sans-serif !important;
    opacity: 0.9 !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  /* Remove ALL pseudo-elements */
  #backtotop::before,
  #backtotop::after {
    display: none !important;
    content: none !important;
  }

  #backtotop.show-button:hover {
    opacity: 1 !important;
  }
}