html {
    scroll-behavior: smooth;
}

.filter-white {
    filter: brightness(0) invert(1);
}

.underline-blur {
    position: relative;
    display: inline-block;
}

.underline-blur::after {
    content: "";
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 10px; /* Adjust as needed */
    height: 3px; /* Adjust as needed */
    background-color: currentColor;
    filter: blur(1px); /* Adjust as needed */
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.underline-blur:hover::after,
.underline-blur-active::after {
    opacity: 0.7; /* Adjust as needed */
}