/******************************************************************************/
/***** Effects *****/

.mt-effect--underline {
  text-decoration: none;
  /* --underline-color: white; */
}

.mt-effect--underline:hover::before,
.mt-effect--underline:focus::before {
  transform: scale(1);
}

.mt-effect--underline::before {
  background-color: var(--underline-color);
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  height: 1px;
  width: 100%;
  transition: transform 300ms;
  transform: scale(0);
  transform-origin: center;
}

/***** Effects *****/
/******************************************************************************/