.pattern {
background-color: #ffffff;
background-image: repeating-linear-gradient(270deg, rgba(214, 58, 87, 0.2) 2px, rgba(214, 58, 87, 0.2) 12px, transparent 12px, transparent 17px),
repeating-linear-gradient(180deg, rgba(214, 58, 87, 0.2) 2px, rgba(214, 58, 87, 0.2) 12px, transparent 12px, transparent 17px),
repeating-linear-gradient(120deg, rgba(58, 86, 214, 0.2) 2px, rgba(58, 86, 214, 0.2) 12px, transparent 12px, transparent 17px),
repeating-linear-gradient(240deg, rgba(58, 177, 214, 0.2) 2px, rgba(58, 177, 214, 0.2) 12px, transparent 12px, transparent 17px),
repeating-linear-gradient(150deg, rgba(58, 177, 214, 0.2) 2px, rgba(58, 177, 214, 0.2) 12px, transparent 12px, transparent 17px),
repeating-linear-gradient(300deg, rgba(214, 192, 58, 0.48) 2px, rgba(214, 192, 58, 0.48) 12px, transparent 12px, transparent 17px),
repeating-linear-gradient(210deg, rgba(214, 192, 58, 0.48) 2px, rgba(214, 192, 58, 0.48) 12px, transparent 12px, transparent 17px);
background-position: center;
}
Patternizer