html {
	scroll-behavior: smooth;
}
.page-top-section {
	position: sticky;
	inset-block-end: 0;
}
.page-top {
	display: grid;
	gap: 10px;
	justify-items: center;
	inline-size: fit-content;
	margin-inline-start: auto;
	& > i {
		inline-size: 38px;
		aspect-ratio: 1;
		background-color: #156A9A;
		color: #fff;
		display: grid;
		place-content: center;
		border-radius: 50%;
	}
	& > span {
		color: #156A9A;
		letter-spacing: 0.15em;
	}
}
@media (width < 768px) {
	.page-top-section {
		margin-block: 10px;
		inset-block-end: 15px;
	}
	.page-top {
		margin-inline-end: 5px;
	}
}
@media (width >= 768px) {
	.page-top-section {
		margin-block: 30px;
	}
	.page-top {
		background-color: #fff;
		padding-inline: 10px;
		padding-block-start: 5px;
		padding-block-end: 15px;
		transition: transform 0.2s;
		&:hover {
			transform: translateY(-4px);
		}
	}
}