砍断顶部右侧和底部左侧的Elementor按钮

解决方案：在CSS中利用@media查询来针对不同屏幕尺寸采取不同的样式。具体代码示例如下：

/* 针对大屏幕（宽度大于等于1024px） */
@media (min-width: 1024px) {
  .elementor-editor-active #elementor-switch-mode:not(.e-switch-mode--global),
  .elementor-editor-active #elementor-switch-mode:not(.e-switch-mode--global):hover {
    right: 0;
  }
}

/* 针对中等屏幕（宽度大于等于768px，并且小于1024px） */
@media (min-width: 768px) and (max-width: 1023px) {
  .elementor-editor-active #elementor-switch-mode:not(.e-switch-mode--global),
  .elementor-editor-active #elementor-switch-mode:not(.e-switch-mode--global):hover {
    right: 25px;
  }
}

/* 针对小屏幕（宽度小于768px） */
@media (max-width: 767px) {
  .elementor-editor-active #elementor-switch-mode:not(.e-switch-mode--global),
  .elementor-editor-active #elementor-switch-mode:not(.e-switch-mode--global):hover {
    display: none;
  }
}