@charset "utf-8";

.menu-list span.mask{
  position: relative;
  display: block;
  line-height: 0;
  overflow: hidden;
}
.menu-list span.mask::before{
  position: absolute;
  content: "";
  transform: scale(0);
  opacity: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: rgba(255, 146, 113, 0.2);
}
.menu-list span.mask:hover::before{
  animation: circle 1.5s;
}
@keyframes circle{
  0%{
    transform: scale(0);
    opacity: 1;
  }
  30%{
    opacity: 1;
  }
  100%{
    transform: scale(2);
  }
}