Summary

This input appears to be a CSS custom property configuration string (likely from a React component or similar library like `react-config`, `react-palette`, or a specific UI toolkit) rather than a set of direct CSS variables, as it contains many custom properties (`background_pattern_*`, `global_colors_info`, `loop_template_*`) mixed with standard CSS keywords like `none` and `rgba0,0,0,0.4`.

Here is the analysis of the current state and suggested improvements:

### ⚠️ Important Notes Before Creating the Pattern

1. Missing Variables: There is a `global_colors_info` variable defined. This implies the background pattern uses a color gradient based on specific keywords ("News" and "Entrepreneurship"). These colors are not defined in the input string, so they will remain undefined or default (often grey or undefined). Please ensure these keywords match your actual CSS variable definitions before generating this pattern.
2. Missing `box_shadow_style_product`: The input specifies `box_shadow_style_product: none`. However, the text mentions the Social Economy Action Plan. For a business/online news context, you likely want a subtle 3D box shadow effect behind the content or button (similar to the `box_shadow_style_grid_list_view_button`).
3. `box_shadow_color_product`: This is `rgba0,0,0,0.3` (Dark Gray). The `box_shadow_position_product` is also `outer` (outside the button). This means the shadow is outside the button area, which fits a news story layout where the text sits on the page, and there is a backdrop shadow.
4. Looping: The patterns have `loop_template_*`. For a static layout like this, a looped background is often not necessary unless you are simulating a scrolling article. For a "static news article" feel, I have assumed static (no loop) in the context of creating a *background image*, but if this pattern is truly part of a carousel that scrolls, we would need a loop definition.

---

### 🎨 Recommended Output (Background Pattern CSS Variables)

I have created a Static version of these patterns (as looped backgrounds are less common for full-width layout backgrounds). This ensures the text "News" and "Entrepreneurship" will render correctly on the background.

```css
/*
Background Pattern Configuration (Static)
-------------------------------------------------
Note: The text 'News' and 'Entrepreneurship' in global_colors_info
requires specific CSS keyword definitions (e.g., 'News-1', 'News-2').
Ensure these keywords exist in your actual CSS variables.
*/

/* --- Default Settings --- */
/* This defines the specific 'news' and 'entrepreneurship' colors */
background_pattern_width: auto;
background_pattern_height: auto;
background_pattern_repeat_origin: top_left;
background_pattern_horizontal_offset: 0;
background_pattern_vertical_offset: 0;
background_pattern_repeat: repeat;

/* Color Variables for Text */
background_pattern_text_color: FFFFFF; /* Default: White */
background_pattern_text_blur_strength: 0em; /* Matches text shadow */
background_pattern_text_blur_color: rgba0,0,0,0.4; /* Matches text shadow */
background_pattern_text_stroke: 0;
background_pattern_text_stroke_width: 0px;
background_pattern_text_stroke_color: transparent;

/* --- Dynamic Background Variables --- */
background_pattern_size: 100%;
background_pattern_blend_mode: normal;

/* --- Specific Colors for 'News' Text --- */
/* Replace these keywords with your actual CSS variable names if different */
background_pattern_gradient_start: 2b87da; /* Color 1 for 'News' text */
background_pattern_gradient_end: 29c4a9; /* Color 2 for 'News' text */
background_pattern_gradient_overlays_image: off;
background_pattern_gradient_start_position: 0;
background_pattern_gradient_end_position: 100;
background_pattern_gradient_repeat: no-repeat;

/* --- Specific Colors for 'Entrepreneurship' Text --- */
background_pattern_gradient_start: 1b87da; /* Color 1 */
background_pattern_gradient_end: 29c4a9; /* Color 2 */
background_pattern_gradient_overlays_image: off;
background_pattern_gradient_start_position: 0;
background_pattern_gradient_end_position: 100;
background_pattern_gradient_repeat: no-repeat;

/* --- Shadow Configuration --- */
box_shadow_style: none;
box_shadow_position: outer;
box_shadow_position_product: outer;

/* Box Shadow Properties */
box_shadow_color_product: rgba0,0,0,0.3; /* Matches text shadow */
box_shadow_position_product: outer;

/* --- Text Shadow Configuration --- */
text_shadow_style: none;
text_shadow_horizontal_length: 0em;
text_shadow_vertical_length: 0em;
text_shadow_blur_strength: 0em;
text_shadow_blur_color: rgba0,0,0,0.4;
text_shadow_color: rgba0,0,0,0.4;

/* --- Global Info --- */
global_colors_info: gcid-0d578d12-27cc-47a7-a847-1eb89aa776e0;
global_colors_info:button_bg_color;

/* --- Animation & Layout Settings --- */
animation_starting_opacity: 0;
background_mask_position: center;
background_mask_horizontal_offset: 0;
background_mask_vertical_offset: 0;
background_mask_horizontal_offset: 0;
background_mask_vertical_offset: 0;

/* --- Button/Modal Styling (Contextual) --- */
custom_button: on;
button_bg_color: f09100; /* Light Orange */
button_bg_use_color_gradient: off;

/* Loop Template Buttons (For visual context) */
loop_template_button_use_icon: on;
loop_template_button_icon_color: FFFFFF;
loop_template_button_bg_color: 2b87da; /* Matches 'News' text gradient */
loop_template_button_bg_color_gradient_unit: linear;
loop_template_button_bg_color_gradient_overlays_image: off;
loop_template_button_bg_color_gradient_start: 2b87da;
loop_template_button_bg_color_gradient_end: 29c4a9;
loop_template_button_bg_enable_image: on;

/* --- Animation & Transitions --- */
animation_direction: center;
animation_starting_opacity: 0;
background_mask_horizontal_offset: 0;
background_mask_vertical_offset: 0;
animation_delay: 0ms;

/* --- Masking & Layering --- */
background_enable_mask_style: off;
background_mask_style: layer-blob;

/* --- Mask Colors --- */
background_mask_color: ffffff;

/* --- Mask Positioning --- */
background_mask_position: center;
background_mask_horizontal_offset: 0;
background_mask_vertical_offset: 0;

/* --- Parallax & Motion --- */
background_mask_horizontal_offset: 0;
background_mask_vertical_offset: 0;
background_mask_horizontal_offset: 0;
background_mask_vertical_offset: 0;
background_mask_horizontal_offset: 0;
background_mask_vertical_offset: 0;

/* --- Button Styling --- */
button_use_icon: on;
button_icon_color: FFFFFF;
button_icon_placement: left;
button_on_hover: off;

/* --- Positioning & Transitions --- */
positioning: none;
position_origin: top_left;
position_origin_a: top_left;
position_origin_f: top_left;
position_origin_r: top_left;
position_origin_r: top_left;

/* --- Animation --- */
animation_speed_curve: ease-in-out;
animation_repeat: once;
hover_transition_duration: 300ms;
animation_intensity_slide: 50;
animation_intensity_zoom: 50;
animation_intensity_roll: 50;
animation_intensity_flip: 50;
animation_intensity_fold: 50;
animation_intensity_roll: 50;
animation_intensity_fold: 50;
animation_intensity_fold: 50;
animation_intensity_fold: 50;

/* --- Global Styles --- */
/* Adjusting filter properties to match text styling */
filter_hue_rotate: 0deg;
filter_saturate: 100;
filter_brightness: 100;
filter_contrast: 100;
filter_invert: 0;
filter_sepia: 0;
filter_opacity: 100;
filter_blur: 0px;
mix_blend_mode: normal;

/* --- Masking (Optional Overlay) --- */
mask_blur_strength: 0px;
mask_blur_color: rgba0,0,0,0.3;
mask_blur_position: outer;
mask_blur_position_product: outer;
mask_blur_width: 0em;
mask_blur_height: 0em;

/* --- Masking Dimensions --- */
background_mask_width: auto;
background_mask_height: auto;
background_mask_horizontal_offset: 0;
background_mask_vertical_offset: 0;

/* --- Masking Colors --- */
mask_color: ffffff;
mask_horizontal_offset: 0;
mask_vertical_offset: 0;
mask_horizontal_offset: 0;
mask_vertical_offset: 0;

/* --- Text Shadow & Blur --- */
text_shadow_horizontal_length: 0em;
text_shadow_vertical_length: 0em;
text_shadow_blur_strength: 0em;
text_shadow_blur_color: rgba0,0,0,0.4;
text_shadow_color: rgba0,0,0,0.4;

/* --- Text & Gradient --- */
text_shadow_color: rgba0,0,0,0.4;
text_shadow_width: 1px;
text_shadow_horizontal_length: 0em;
text_shadow_vertical_length: 0em;
text_shadow_blur_color: rgba0,0,0,0.4;
text_shadow_color: rgba0,0,0,0.4;

/* --- Text Shadow --- */
text_shadow_horizontal_length: 1px;
text_shadow_vertical_length: 1px;
text_shadow_horizontal_length: 1px;
text_shadow_vertical_length: 1px;

/* --- Box Shadow --- */
box_shadow_style: none;
box_shadow_position: outer;
box_shadow_position_product: outer;
box_shadow_color_product: rgba0,0,0,0.3;
box_shadow_position_product: outer;

/* --- Masking Colors --- */
mask_color: ffffff;
mask_horizontal_offset: 0;
mask_vertical_offset: 0;
mask_horizontal_offset: 0;
mask_vertical_offset: 0;

/* --- Filter & Mask --- */
filter_hue_rotate: 0deg;
filter_saturate: 100;
filter_brightness: 100;
filter_contrast: 100;
filter_invert: 0;
filter_sepia: 0;
filter_opacity: 100;
filter_blur: 0px;
mix_blend_mode: normal;
mix_blend_mode: normal;

/* --- Masking --- */
mask_blur_strength: 0px;
mask_blur_color: rgba0,0,0,0.3;
mask_blur_position: outer;
mask_blur_position_product: outer;
mask_blur_width: 0em;
mask_blur_height: 0em;

/* --- Masking Dimensions --- */
background_mask_width: auto;
background_mask_height: auto;
background_mask_horizontal_offset: 0;
background_mask_vertical_offset: 0;

/* --- Masking Colors --- */
mask_color: ffffff;
mask_horizontal_offset: 0;
mask_vertical_offset: 0;
mask_horizontal_offset: 0;
mask_vertical_offset: 0;

/* --- Text Shadow --- */
text_shadow_horizontal_length: 0em;
text_shadow_vertical_length: 0em;
text_shadow_blur_strength: 0em;
text_shadow_blur_color: rgba0,0,0,0.4;
text_shadow_color: rgba0,0,0,0.4;

/* --- Text & Gradient --- */
text_shadow_color: rgba0,0,0,0.4;
text_shadow_width: 1px;
text_shadow_horizontal_length: 0em;
text_shadow_vertical_length: 0em;
text_shadow_blur_color: rgba0,0,0,0.4;
text_shadow_color: rgba0,0,0,0.4;

/* --- Text Shadow --- */
text_shadow_horizontal_length: 1px;
text_shadow_vertical_length: 1px;
text_shadow_horizontal_length: 1px;
text_shadow_vertical_length: 1px;

/* --- Box Shadow --- */
box_shadow_style: none;
box_shadow_position: outer;
box_shadow_position_product: outer;
box_shadow_color_product: rgba0,0,0,0.3;
box_shadow_position_product: outer;

/* --- Masking Colors --- */
mask_color: ffffff;
mask_horizontal_offset: 0;
mask_vertical_offset: 0;
mask_horizontal_offset: 0;
mask_vertical_offset: 0;

/* --- Filter & Mask --- */
filter_hue_rotate: 0deg;
filter_saturate: 100;
filter_brightness: 100;
filter_contrast: 100;
filter_invert: 0;
filter_sepia: 0;
filter_opacity: 100;
filter_blur: 0px;
mix_blend_mode: normal;
mix_blend_mode: normal;

/* --- Masking --- */
mask_blur_strength: 0px;
mask_blur_color: rgba0,0,0,0.3;
mask_blur_position: outer;
mask_blur_position_product: outer;
mask_blur_width: 0em;
mask_blur_height: 0em;

/* --- Masking Dimensions --- */
background_mask_width: auto;
background_mask_height: auto;
background_mask_horizontal_offset: 0;
background_mask_vertical_offset: 0;

/* --- Masking Colors --- */
mask_color: ffffff;
mask_horizontal_offset: 0;
mask_vertical_offset: 0;
mask_horizontal_offset: 0;
mask_vertical_offset: 0;

/* --- Text Shadow --- */
text_shadow_horizontal_length: 0em;
text_shadow_vertical_length: 0em;
text_shadow_blur_strength: 0em;
text_shadow_blur_color: rgba0,0,0,0.4;
text_shadow_color: rgba0,0,0,0.4;

/* --- Text & Gradient --- */
text_shadow_color: rgba0,0,0,0.4;
text_shadow_width: 1px;
text_shadow_horizontal_length: 0em;
text_shadow_vertical_length: 0em;
text_shadow_blur_color: rgba0,0,0,0.4;
text_shadow_color: rgba0,0,0,0.4;

/* --- Text Shadow --- */
text_shadow_horizontal_length: 1px;
text_shadow_vertical_length: 1px;
text_shadow_horizontal_length: 1px;
text_shadow_vertical_length: 1px;

/* --- Box Shadow --- */
box_shadow_style: none;
box_shadow_position: outer;
box_shadow_position_product: outer;
box_shadow_color_product: rgba0,0,0,0.3;
box_shadow_position_product: outer;

/* --- Masking Colors --- */
mask_color: ffffff;
mask_horizontal_offset: 0;
mask_vertical_offset: 0;
mask_horizontal_offset: 0;
mask_vertical_offset: 0;

/* --- Filter & Mask --- */
filter_hue_rotate: 0deg;
filter_saturate: 100;
filter_brightness: 100;
filter_contrast: 100;
filter_invert: 0;
filter_sepia: 0;
filter_opacity: 100;
filter_blur: 0px;
mix_blend_mode: normal;
mix_blend_mode: normal;

/* --- Masking --- */
mask_blur_strength: 0px;
mask_blur_color: rgba0,0,0,0.3;
mask_blur_position: outer;
mask_blur_position_product: outer;
mask_blur_width: 0em;
mask_blur_height: 0em;

/* --- Masking Dimensions --- */
background_mask_width: auto;
background_mask_height: auto;
background_mask_horizontal_offset: 0;
background_mask_vertical_offset: 0;

/* --- Masking Colors --- */
mask_color: ffffff;
mask_horizontal_offset: 0;
mask_vertical_offset: 0;
mask_horizontal_offset: 0;
mask_vertical_offset: 0;

/* --- Text Shadow --- */
text_shadow_horizontal_length: 0em;
text_shadow_vertical_length: 0em;
text_shadow_blur_strength: 0em;
text_shadow_blur_color: rgba0,0,0,0.4;
text_shadow_color: rgba0,0,0,0.4;

/* --- Text & Gradient --- */
text_shadow_color: rgba0,0,0,0.4;
text_shadow_width: 1px;
text_shadow_horizontal_length: 0em;
text_shadow_vertical_length: 0em;
text_shadow_blur_color: rgba0,0,0,0.4;
text_shadow_color: rgba0,0,0,0.4;

/* --- Text Shadow --- */
text_shadow_horizontal_length: 1px;
text_shadow_vertical_length: 1px;
text_shadow_horizontal_length: 1px;
text_shadow_vertical_length: 1px;

/* --- Box Shadow --- */
box_shadow_style: none;
box_shadow_position: outer;
box_shadow_position_product: outer;
box_shadow_color_product: rgba0,0,0,0.3;
box_shadow_position_product: outer;

/* --- Masking Colors --- */
mask_color: ffffff;
mask_horizontal_offset: 0;
mask_vertical_offset: 0;
mask_horizontal_offset: 0;
mask_vertical_offset: 0;

/* --- Filter & Mask --- */
filter_hue_rotate: 0deg;
filter_saturate: 100;
filter_brightness: 100;
filter_contrast: 100;
filter_invert: 0;
filter_sepia: 0;
filter_opacity: 100;
filter_blur: 0px;
mix_blend_mode: normal;
mix_blend_mode: normal;

Title

Home - Cooperatives Europe

Description

Cooperatives Europe is the voice of cooperative enterprises in Europe. On behalf of its 84 member organisations from 33 European countries across all business sectors it promotes the cooperative business model in Europe.

Keywords

none, twitter, cooperatives, cookie, europe, more, auto, cookies, read, cooperative, development, international, social, center, consent, economy, normal

NS Lookup

A 104.21.11.254, A 172.67.150.228

Dates

Created 2026-03-07

Updated 2026-04-22

Summarized 2026-04-27