/*CSS look global carretes*/
		.carret-to-left, .carret-to-right{
			border: solid 1px var(--global-color-black);
			background-color: var(--global-color-white);
			border-radius: 50%;
		    transition:all var(--transition-segs-medium) ease-in-out 0s;
		}
				.carret-icon svg{
					fill: var(--global-color-black);
				    transition:all var(--transition-segs-medium) ease-in-out 0s;
				}
		.carret-to-left:hover, .carret-to-right:hover{
			background-color: var(--global-color-black);			
		}
			.carret-to-left:hover svg, .carret-to-right:hover svg{
					fill: var(--global-color-white);
				}
		.disabled-carret-button, .disabled-carret-button:hover{
			cursor: inherit;
			border-color: var(--global-color-grey-medium);
			background-color: var(--global-color-white);
		}
		.disabled-carret-button .carret-icon svg{
			fill: var(--global-color-grey-medium);
		}