<template>
  <button class="button" @click="$emit('click')">
    <span class="trash"></span>
  </button>
</template>

<script>
export default {};
</script>

<style scoped>
.button {
  background: var(--cancel-grey);
  color: white;
  border: none;
  outline: none;
  font-family: "EBI-Common";
  font-size: 20px;
  max-width: 2em;
  padding-bottom:3px ;
}
.trash {
  font-size: 18px;
}

.button:hover {
  background: var(--accent);
  outline: none;
}
</style>