.container {
	padding: 0 16px 24px;
	.swiper {
		margin: 14px 0 18px;
	}
	.title {
		margin: 14px 0 15px;
	}
	.shareLink {
		display: flex;
		justify-content: center;
		align-items: center;
		column-gap: 12px;
		height: 66px;
		box-shadow: 0px 2px 17px rgba(0, 0, 0, 0.09);
	}
	.shareCodeList {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 8px;
		row-gap: 14px;
		margin-top: 21px;
		.shareCard {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: center;
			row-gap: 4px;
			padding: 24px 24px 16px;
			box-sizing: border-box;
			box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
			.shareName {
				font-size: 18px;
				font-weight: 700;
				line-height: 26px;
			}
			.shareLink {
				margin-top: 16px;
				margin-bottom: 4px;
				word-break: break-all;
				font-size: 14px;
			}
			.btnWrapper {
				width: 100%;
				box-sizing: border-box;
				.download {
					column-gap: 5px;
					height: 30px;
					width: 100%;
					font-size: 14px;
				}
			}
		}
	}
}