<script setup>

const props = defineProps({
    color: String,
});

</script>

<template>
    <button
        :class='"border-none w-full text-black rounded-full bg-gradient-to-r opacity-80 hover:opacity-100 duration-200 transition-all" + 
        " from-" + props.color + "-300 " + "to-" + props.color + "-200"'>
        <slot></slot>
    </button>
</template>