@layer blocks {
	.connect {
		align-content: center;
		display: grid;
		gap: 20px;
		padding: 25px;

		@media (width < 48em) {
			& .button {
				inline-size: 100%;
			}
		}

		@media (width >= 48em) {
			padding: 40px;
		}

		& li {
			align-items: center;
			display: flex;
			gap: 15px;

			&::before {
				color: var(--decoration-color);
				content: '\e8b5';
				font-family: var(--material-icons);
				font-size: 1.3em;
				line-height: 1;
			}
		}

		& strong {
			font-size: var(--body-font-size-l);
		}
	}
}