.module-transversal
{
   padding: 0 16px;
}

.module-transversal-container
{
	display: flex;
	align-items: center;
    justify-content: space-between;
    padding:16px;
    border-radius: 6px;
}

.module-transversal.module--noButton .module-transversal-container
{
	justify-content: space-around;
}

.module-transversal-item.item-logo
{
	display: flex;
	width: auto;
}
.module-transversal-item.item-logo>span
{
	width: auto;
}
.module-transversal-item.item-text
{
	width: 80%;
	padding: 0 12px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.module-transversal-item.item-text .item-text--big
{
	font-size: 28px;
}

.module-transversal-item.item-text .item-text--medium
{
	font-size: 16px;
}

.module-transversal-item.item-text .item-text--small
{
	font-size: 14px;
}


.module-transversal-item.item-button
{
	width: 100%;
	margin-top: 16px;
}
.module-transversal-item.item-button>button
{
	font-size: 18px;
    padding: 10px 30px;
    border-radius: 6px;	
}



@media screen and (min-width: 768px) 
{
	
	.module-transversal-item.item-logo
	{
		width: 10%;
		justify-content: flex-end;
	}
	.module-transversal.module--noButton .module-transversal-item.item-logo
	{
		justify-content: flex-start;
	}

	.module-transversal-item.item-text
	{
		width: 66%;
	}
	.module-transversal-item.item-button
	{
		width:auto;
	}
	
	.module-transversal-item.item-button>button
	{
	
	    padding: 10px 20px;
	
	}
    
}

@media screen and (min-width: 1280px) 
{

	.module-transversal-item.item-text .item-text--big
	{
		font-size: 32px;
	}

	.module-transversal-item.item-text .item-text--medium
	{
		font-size: 20px;
	}

}