//
//	Pricing
//


.card-price {
	.svg-icon {
		margin-bottom: ($card-spacer-x * 1.5);
	}

	// .card-title {
	// 	margin-bottom: ($card-spacer-y / 2);
	// 	font-size: 1.25rem;
	// 	font-weight: 400;
	// }

	.card-footer {
		@include transition;
		position: relative;
		padding: $card-spacer-x!important;
		border-top: $border-width solid $border-color;
		color: $body-color;

		&::after {
			@include transition;
			@include translate(0,-50%);
			position: absolute;
			top: 50%;
			right: 2.875rem;
			display: block;
			content: "\ebde";
			font-size: 1.375rem;
			font-family: $font-icon;
		}

		&:hover {
			background: $gray-200;

			&::after {
				right: 1.875rem;
				color: inherit;
			}
		}
	}

	.card-price {
		font-size: 2.5rem;
		font-weight: 400;
	}
}



// card 2
.card-price-2 {
	.card-title {
		margin-top: $card-spacer-x;
		margin-bottom: ($card-spacer-y / 2);
		font-size: 1.25rem;
		font-weight: 400;
	}

	.card-price {
		font-size: 3.125rem;
		font-weight: 400;
	}

	.card-footer {
		padding-top: 0;
	}
}



// card 3
.card-price-3 {
	text-align: center;

	.card-title {
		@extend %eyebrow;
		display: block;
		color: $body-color;
		margin-bottom: ($card-spacer-x * 1.5);
	}

	.card-price {
		font-size: 3.75rem;
		font-weight: 400;
	}

	.card-body {
		padding-bottom: ($card-spacer-x * 1.5);
	}
}



// text-whiteed colors
//
//
.text-white {
	.card-price {
		.card-footer {
			border-color: $text-white-border;

			&:hover {
				background-color: $text-white-border;
			}
		}
	}
}