.clinic-license-section {
	display: flex;
	flex-flow: column;
	align-self: center;
	gap: 32px;
	padding: 64px 0 0;
	width: calc(100% - 32px);
	max-width: 800px;

	@include desktop {
		position: relative;

		&::after {
			content: '';
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			height: 240px;
			background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
			pointer-events: none;
			z-index: 1;
		}
	}

	@include tablet {
		padding: 40px 0 0;
		max-width: 704px;
	}

	@include mobile {
		gap: 16px;
		padding: 32px 0 0;
		max-width: 360px;
	}
}

.clinic-license-section__block {
	display: flex;
	flex-flow: column;
	gap: 32px;
	background-color: white;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #e5ded6;
	border-radius: 8px 8px 0px 0px;
	background-size: 240px 320px;
	background-repeat: no-repeat;
	background-position: right 40px top 40px;
	background-image: url('/images/letter.svg');
	box-shadow: 0px -16px 32px rgba(229, 222, 214, 0.48);
	box-sizing: border-box;

	@include tablet {
		gap: 50px;
		background-size: 198px 260px;
	}

	@include mobile {
		background-size: 128px 168px;
		background-position: right 24px top 24px;
	}
}

.clinic-license-section__block__main {
	display: flex;
	flex-flow: column;
	gap: 32px;
	padding: 56px 0 32px 48px;

	@include tablet {
		padding: 56px 0 15px 48px;
	}

	@include mobile {
		gap: 24px;
		padding: 24px;
	}
}

.clinic-license-section__block__list {
	display: flex;
	flex-flow: column;
	gap: 20px;

	li {
		display: flex;
		flex-flow: column;
		gap: 4px;

		b {
			font-size: 18px;
			line-height: 24px;
			letter-spacing: 0.02em;
		}

		p {
			font-size: 15px;
			font-weight: 300;
			line-height: 17px;
			letter-spacing: 0.02em;
		}
	}
}

.clinic-license-section__block__btn {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	align-self: center;
	gap: 3px;
	min-height: 36px;
	padding: 6px 16px 6px 9px;
	border-radius: 24px;
	background-color: white;
	border: 1px solid $color-black-200;
	box-sizing: border-box;

	@include desktop {
		position: relative;
		z-index: 2;
	}

	svg {
		width: 24px;
		height: 24px;
	}

	span {
		flex: 1;
		font-size: 13px;
		line-height: 13px;
		color: $color-black-300;
	}
}