.modern-title { position: relative; display: flex; align-items: center; justify-content: center; text-align: center; font-family: 'Montserrat', sans-serif; font-weight: bold; } .modern-title::before, .modern-title::after { content: ""; flex-grow: 1; height: 4px; background-color: #363649; } .modern-title::before { margin-right: 10px; } .modern-title::after { margin-left: 10px; } .modern-title span { background-color: #363649; border-radius: 5px; min-width: clamp(50px, 20vw, 300px); box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.5); }
@media (max-width: 600px) { .modern-title span { width: 100% !important; padding: 0 !important; } .modern-title::before { margin-right: 0; } .modern-title::after { margin-left: 0; } }