<template>
  <button
    class="
          font-general-medium
          text-md
          rounded-full
          border-2
          px-4
          py-2
          bg-white
          hover:bg-background-dark
          text-background-dark
          hover:text-white

          transition-colors duration-400
        "
  >
    <slot/>
  </button>
</template>

<script>
export default {
  name: "RoundButton",
  props: {
  }
}
</script>

<style scoped>

</style>
