如何将这个椭圆模板添加到我的按钮边框？

button {
  border: 2px solid #000; /* 设置边框为2像素宽的实线，颜色为黑色 */
  border-radius: 50px; /* 设置边框的圆角半径为50像素，实现椭圆形状 */
}

button {
  background: linear-gradient(ellipse at center, #ff0000, #00ff00); /* 创建一个从红色到绿色的椭圆渐变背景 */
}

button::before {
  content: ""; /* 必须设置content属性，否则伪元素不会显示 */
  position: absolute; /* 设置伪元素的定位方式为绝对定位 */
  top: -10px; /* 设置伪元素相对于按钮顶部的偏移量，用于控制椭圆的位置 */
  left: -10px; /* 设置伪元素相对于按钮左侧的偏移量，用于控制椭圆的位置 */
  width: 100%; /* 设置伪元素的宽度为按钮的宽度加上偏移量，确保椭圆覆盖整个按钮 */
  height: 100%; /* 设置伪元素的高度为按钮的高度加上偏移量，确保椭圆覆盖整个按钮 */
  border: 2px solid #000; /* 设置伪元素的边框样式，与按钮的边框样式保持一致 */
  border-radius: 50%; /* 设置伪元素的边框圆角半径为50%，实现椭圆形状 */
  z-index: -1; /* 将伪元素的层级设置为-1，使其位于按钮的下方 */
}