.usermeeting2026_dl_thanks {
	.center-catch {
		margin: 80px 0 30px;
		@media screen and (max-width: 767px) {
			margin: 40px 0 0;
		}

		& p {
			font-weight: 700;
			font-size: 20px;
			line-height: 150%;
			text-align: center;
			letter-spacing: 1.44px;
			color: #2e2e2e;
			@media screen and (max-width: 767px) {
				font-size: 18px;
			}
		}
	}

	.btn-group {
		display: flex;
    justify-content: center;
		gap: 30px;
		@media screen and (max-width: 767px) {
			flex-direction: column;
			gap: 15px;
		}

		&.bdr {
			padding-bottom: 60px;
			margin-bottom: 50px;
			justify-content: center;
			border-bottom: 2px solid #e0e0e0;

			@media screen and (max-width: 767px) {
				padding-bottom: 30px;
				margin-bottom: 20px;
			}
		}

		.group-child {
			position: relative;
			width: 300px;
			@media screen and (max-width: 767px) {
				width: 100%;
			}

			&.video {
				& a {
					background: #0141ad;
					&:before {
						border-top-color: #0141ad;
						border-right-color: #0141ad;
					}
				}
			}
		}

		& a {
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
			height: 60px;
			font-weight: 700;
			font-size: 14px;
			line-height: 17px;
			letter-spacing: 0.64px;
			text-decoration: none;
			color: #ffffff;
			background: #ed6400;
			border-radius: 4px;

			@media (hover: hover) and (pointer: fine) {
				transition: opacity 0.25s ease;
				&:hover {
					color: #fff;
					opacity: 0.7;
				}
			}

			&:after {
				content: "";
				position: absolute;
				right: 20px;
				top: 50%;
				z-index: 1;
				display: block;
				width: 16px;
				height: 16px;
				border-radius: 50%;
				background: #fff;
				transform: translateY(-50%);
			}
			&:before {
				content: "";
				display: block;
				position: absolute;
				top: 50%;
				right: 27px;
				z-index: 2;
				margin-top: -2px;
				width: 4px;
				height: 4px;
				border-top: 1px solid #ed6400;
				border-right: 1px solid #ed6400;
				box-sizing: border-box;
				transform: rotate(45deg);
				-webkit-transform: rotate(45deg);
			}
		}

		.video-notes {
			position: absolute;
			top: calc(100% + 8px);
			left: 50%;
			z-index: 1;
			transform: translateX(-50%);
			width: 100%;
			font-weight: 400;
			font-size: 14px;
			text-align: center;
			line-height: 150%;
			letter-spacing: 0.64px;
			color: #0141ad;
			@media screen and (max-width: 767px) {
				position: static;
				transform: none;
			}
		}
	}

	.download-box {
		padding: 30px;
		border: 1px solid #e0e0e0;

		.box-title {
			font-weight: 700;
			font-size: 24px;
			line-height: 150%;
      text-align: center;
			letter-spacing: 0.96px;
			color: #2e2e2e;
		}
		.box-content {
      margin-bottom: 30px;
			& p {
				font-weight: 400;
				font-size: 16px;
				line-height: 150%;
				letter-spacing: 0.64px;
				color: #2e2e2e;
        text-align: center;
			}
		}
	}
}
