/**
 * @file
 * Styles for Hero Block.
 */

/* Underline sketch effect for highlighted text */
.underline-sketch {
  position: relative;
  display: inline-block;
}

.underline-sketch::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 8px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10'%3E%3Cpath d='M0 8 Q25 2 50 8 T100 8' stroke='%2322c55e' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat;
  background-size: 100% 100%;
}
