カーソル、マウスオーバーで現れる

 .deco-\+{
     vartical-align: top;
     background-color: none;
     border-radius: 0.3em;
     padding: 0.0em 0.15em;
  }
 .deco-\+:hover , .cursor-line .deco-\+{
     background-color: lightgrey;
 }
 .deco-\+ span[class]:not(.modal-image){
     font-size: 0.9em;
     
     color: transparent;
     
     display: inline-block;
     vertical-align: middle;
     visibility: hidden;
     position: absolute;
     max-width: 0;
 }
 .deco-\+:hover span[class]:not(.modal-image), .cursor-line .deco-\+ span[class]:not(.modal-image){
     transition-property: color, max-width, visibility;
     transition-duration: 1.2s,1.9s,1.9s;
     transition-timing-function: ease-out;
     transition-delay: 0.3s,0.1s,0.0s; 
     visibility: visible;
     
     color: black;
     
     position: static;
     width: auto;
     max-width: 300px;
 }
 .deco-\+:hover *[type], .cursor-line .deco-\+ *[type]{
     color: white !important;　
     font-size: 2em;
 }
 .deco-\+::before { 
     font-family: 'FontAwesome';
     color: lightgrey;
     text-decoration: none !important;
     content: '\f0fe';
     display: inline-block;
 }
 .deco-\+:hover::before, .cursor-line .deco-\+::before { 
      content: '\f146 \ ';
      color: white;
  }