/*!  SHORTCODE BUTTONS
----------------------------------------------------------*/

.vlt-btn
	display inline-flex
	align-items center
	text-align center
	cursor pointer
	border none
	outline 0
	overflow hidden
	padding 10px 30px
	font-weight 700
	font-size 15px
	border-radius 0
	line-height 1.9
	transition all 300ms $transition
	i
		margin-right 5px

	&.vlt-btn-lg
		padding 18px 50px

.vlt-btn-primary
	background-color $c0
	color $c6
	&:hover
		background-color $c1
		color $c6

.vlt-btn-secondary
	background-color $c8
	color $c0
	&:hover
		background-color $c0
		color $c6

a.vlt-link
	position relative
	color $c0
	&::after
		content ''
		position absolute
		bottom -3px
		left 0
		width 0%
		height 1px
		background-color $c0
		transition all 300ms $transition

	&:hover
		color $c0
		&::after
			width 100%
	&.reverse
		&::after
			width 100%
		&:hover::after
			width 0%

.vlt-buttons
	display flex
	align-items center
	.vlt-btn + .vlt-btn
		margin-left 10px