.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    display: inline-block;
    vertical-align: middle;
}

.hero-pattern {
    background-image: radial-gradient(circle at 2px 2px, #e2e8f0 1px, transparent 0);
    background-size: 40px 40px;
}