@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

.inf-section {
		width: 100%;
		background: #f0f0f0;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 20px 0;
		padding: 20px 0;
		box-sizing: border-box;
}

	.inf-section>a {
		text-decoration: none;
		background: #fff;
		color: #000;
		margin: 0 20px;
		padding: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 4px;
		transition: .3s;
	}

	.inf-section>a:hover {
		transform: scale(1.05);
	}

	.inf-section>a:first-of-type {
		background: #e5004b; /** linear-gradient(45deg, #7F28C4, #E2197C 64.421%, #E5231B 100%); **/
		color: #fff;
	}

	.inf-section>a svg {
		flex-shrink: 0;
		width: 40px;
		height: 40px;
		margin-right: 20px;
	}

	.inf-section>a p {
		margin: 0;
		font-size: 1.5rem;
		font-family: Montserrat;
		line-height: unset;
	}

	.inf-section>a p:first-of-type {
		font-weight: 600;
	}

	@media (max-width: 480px) {
		.inf-section {
			flex-direction: column;
			align-items: unset;
		}

		.inf-section>a {
			margin: 10px;
		}
	}