body {
  cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%234E73DF"><circle cx="12" cy="12" r="10" stroke="%234E73DF" stroke-width="2" fill="none"/></svg>') 12 12, crosshair;
}

/* Custom triangle pointer for all clickable elements */

a, button, [role="button"], [type="button"], [type="submit"], input[type="checkbox"], input[type="radio"], select, textarea {
  cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%234E73DF"><polygon points="12,2 22,22 2,22" fill="%234E73DF"/></svg>') 12 12, pointer;
}

/* Additional styles for form dropdown options */

select option {
  cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%234E73DF"><polygon points="12,2 22,22 2,22" fill="%234E73DF"/></svg>') 12 12, pointer;
}

/* Additional styles for regular buttons within a form */

form button, .btn, .btn-primary {
  cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%234E73DF"><polygon points="12,2 22,22 2,22" fill="%234E73DF"/></svg>') 12 12, pointer;
}

/* Additional styles for close buttons */

.btn-close {
  cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%234E73DF"><polygon points="12,2 22,22 2,22" fill="%234E73DF"/></svg>') 12 12, pointer;
}

