/* Custom Cursor Snippet CSS */
@media (pointer: fine) {
  :root {
    --custom-cursor-size: 16px; /* Change this value to tweak the size easily (e.g. 12px, 16px, 22px, 28px) */
    --custom-cursor-radius: calc(var(--custom-cursor-size) / 2);
  }

  body, html {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23C53F09'/%3E%3C/svg%3E") 8 8, auto;
  }
  
  a, 
  button, 
  .elementor-button, 
  [role="button"],
  input[type="submit"],
  input[type="button"],
  select,
  area {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23C53F09'/%3E%3C/svg%3E") 8 8, pointer !important;
  }
}