<template>
  <el-button v-bind="$attrs"><slot></slot></el-button>
</template>

<script lang="ts" setup></script>

<style lang="less" scoped>
  .el-button {
    color: #3f794f;
    border: 1px solid rgba(84, 128, 97, 0.718);
    box-sizing: border-box;
    &:hover {
      border-color: #3f794f;
    }
  }
  .el-button.is-disabled{
    color: #a8abb2;
  }
  .is-link {
    border: none;
  }
  .el-button--primary {
    background-color: #3f794f;
    color: #fff;
    min-width: 68px;
    &:hover {
      background-color: rgba(84, 128, 97, 0.9);
    }
  }
  .el-button--primary.is-disabled{
    color: white;
    background-color: #CCCCCC;
  }
  .el-button--text{
    color: rgb(63, 121, 79);
    border-color: transparent;
    min-width: 68px;
    &:hover {
      color: #89a994;
      border-color: transparent;
    }
  }
  .el-button--text.is-disabled{
    color: white;
    border-color: transparent;
  }
</style>
