@import '../../../styles/mixins';
@import '../../../styles/definitions/colors';

.bundleCard {
	&_container {
		position: relative;
		display: flex;
		flex-direction: column;
		width: 100%;
		height: 100%;
		padding: 20px 20px 25px;
	}
	&_logo {
		@include fit;
		$logo-size: 75px;
		width: $logo-size;
		height: $logo-size;
		order: -1;
		border-radius: 5px;
		overflow: hidden;
	}
	&_title {
		@include title-2;
		margin: 0;
	}
	&_title + &_logo {
		margin-bottom: 10px;
	}
	&_priceCaption {
		margin-top: 7px;
		text-transform: uppercase;
		font-weight: 600;
	}
	&_pricing {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		flex-grow: 1;
	}
}
