<!--
  组件功能：  对button的封装
  @author terrfly
  @site https://www.jeequan.com
  @date 2022/12/05 14:39
-->

<template>
	<button class="jeepay-btn" hover-class="jeepay-hover-button">
		<slot />
	</button>
</template>

<script setup>
	
const props = defineProps({
})
	
</script>

<style lang="scss" scoped>
.jeepay-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 110rpx;
	font-size: 33rpx;
	font-weight: 500;
	color: $J-color-tff;
	border-radius: 20rpx;
	background: $jeepay-bg-primary;
	box-shadow: 0 20rpx 60rpx -20rpx rgba(0,84,210,0.5);
	&.jeepay-hover-button {
	  opacity: 0.5;
	}
}
</style>