/* Scoped underline styles copied from inspected site */
.css-1trla8u {
  vertical-align: middle;
  width: 140px;
  height: 1em;
  display: inline-block;
  line-height: 1em;
  flex-shrink: 0;
  color: currentcolor;
  position: absolute;
  filter: blur(15px);
  bottom: -18px;
  left: 50%;
  transform: translate(-50%);
  opacity: 0.65;
  z-index: 1;
}
.css-f4w11s {
  vertical-align: middle;
  width: 272px;
  height: 8px;
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -14px;
  transform: translate(-50%);
  pointer-events: none;
  z-index: 2;
}
.css-1trla8u-top {
  vertical-align: middle;
  width: 272px;
  height: 11px;
  display: inline-block;
  line-height: 1em;
  flex-shrink: 0;
  color: currentcolor;
  position: absolute;
  filter: blur(10px);
  bottom: -10px;
  left: 50%;
  transform: translate(-50%);
  opacity: 0.55;
  z-index: 3;
  pointer-events: none;
}
/* Limit the scope so other SVGs are not affected */
.css-1trla8u[role~="img"], .css-1trla8u {
  width: 272px;
  height: 11px;
  fill: none;
}

/* Responsive adjustments for small screens */
@media (max-width: 767px) {
  .css-1trla8u {
    width: 160px;
    height: 8px;
    filter: blur(10px);
    bottom: -10px;
    opacity: 0.6;
  }

  .css-f4w11s {
    width: 160px;
    bottom: -6px;
    height: 6px;
  }

  .css-1trla8u-top {
    width: 160px;
    height: 8px;
    filter: blur(6px);
    bottom: -4px;
    opacity: 0.5;
  }

  .css-1trla8u[role~="img"], .css-1trla8u {
    width: 160px;
    height: 8px;
  }
}