/* ==========================================================================
   Useful links block
   ========================================================================== */

.lc-block-useful-links {
	margin-block-start: var(--wp--preset--spacing--x-large) !important;
	margin-block-end: var(--wp--preset--spacing--x-large) !important;
	padding-top: var(--wp--preset--spacing--x-large);
	padding-bottom: var(--wp--preset--spacing--x-large);
	background: var(--wp--preset--color--neutral-50);

	.lc-block-useful-links__container {
		max-width: var(--wp--style--global--wide-size);
		margin: 0 auto;
	}

	.lc-block-useful-links__header {
		margin-bottom: var(--wp--preset--spacing--medium);
		max-width: var(--wp--style--global--content-size);
	}

	.lc-block-useful-links__title {
		margin: 0 0 var(--wp--preset--spacing--small) 0;
		font-family: var(--wp--preset--font-family--ivypresto-display);
		line-height: 1.3;
	}

	.lc-block-useful-links__intro {
		font-weight: 600;
		color: var(--wp--preset--color--neutral-10);
	}

	.lc-block-useful-links__grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: var(--wp--preset--spacing--large);
		margin-top: var(--wp--preset--spacing--large);

		@media (max-width: 768px) {
			grid-template-columns: 1fr;
		}
	}

	.lc-useful-link {

		.lc-useful-link__title {
			display: inline-flex;
			align-items: center;
			gap: var(--wp--preset--spacing--x-small);
			font-weight: 600;
			border: none !important;

			span {
				display: inline-block;
				color: var(--wp--preset--color--primary-10);
				border-bottom: 1px solid var(--wp--preset--color--primary-10);
				transition: all 0.3s ease;
			}

			&::after {
				content: '';
				width: 20px;
				height: 20px;
				position: relative;
				aspect-ratio: 1/1;
				background-color: var(--wp--preset--color--primary-40);
				border-radius: var(--wp--custom--border-radius--fully-rounded);
				background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWFycm93LXJpZ2h0LWljb24gbHVjaWRlLWFycm93LXJpZ2h0Ij48cGF0aCBkPSJNNSAxMmgxNCIvPjxwYXRoIGQ9Im0xMiA1IDcgNy03IDciLz48L3N2Zz4=');
				background-repeat: no-repeat;
				background-position: center;
				background-size: 16px 16px;
			}
		}

		.lc-useful-link__desc {
			margin: var(--wp--preset--spacing--x-small) 0 0 0;
			color: var(--wp--preset--color--neutral-20);
		}

		&:hover {
			.lc-useful-link__title {

				span {
					color: var(--wp--preset--color--primary-30);
					border-bottom: 1px solid var(--wp--preset--color--primary-30);
					transition: all 0.3s ease;
				}
			}
		}
	}
}