.divider { height: 1px; margin: 0 10px; background: linear-gradient(to right, #eee, #eee 5px, transparent 5px, transparent); background-size: 10px 100%; position: relative; &::before, &::after { position: absolute; content: ''; height: 12px; width: 6px; background-color: #E2EDF2; top: 50%; transform: translateY(-50%); } &::before { border-radius: 0 20px 20px 0; top: 0; left: -10px; } &::after { border-radius: 20px 0 0 20px; top: 0; right: -10px; } }