a.vlink {
  color : #efefef;
  position:relative;
  height:54px;
  width:45px;
  text-align:center;
  line-height:54px;
  display:block;
  font-size:1.2rem;
}
a.vlink span {
  position : absolute;
  opacity: 0;
  transition : transform 400ms ease-out;
  margin-left:24px;
  box-shadow : 2px 4px 3px 1px rgba(55, 12, 112, 0.2)
}

 
a.vlink span:before {
  content : '';
  display:block;
  width:0;
  height:0;
  position:absolute;
  border-top:8px solid transparent;
  border-bottom:8px solid transparent;
  border-right:8px solid rgb(224, 18, 18);
  left:-12px;
  top:33%;
}
a.vlink span:hover {
  background : rgb(146, 20, 20) !important;
}
a.vlink:hover {
  box-shadow : 1px 2px 3px purple;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2825b+0,e55b2b+50,f07146+100;Red+3D+%232 */
  background: rgb(174, 91, 242); /* Old browsers */
  background: -moz-linear-gradient(left,  rgba(174, 91, 242) 0%, rgb(83, 43, 229) 50%, purple 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(174, 91, 242) 0%,rgba(83, 43, 229) 50%,purple 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(174, 91, 242) 0%,rgba(83, 43, 229) 50%,purple 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2825b', endColorstr='#f07146',GradientType=1 ); /* IE6-9 */
}
 
a.vlink:hover span {
  opacity:1;
  width: 195px;
  transform:translateX(12px);
  background : #26074e;
  font-size:16px;
  border-radius:6px;
  border-left:4px solid rgb(29, 4, 90);
  padding : 0px 12px 0px 12px
}
 
ul {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
  background: rgb(5, 62, 153); /* Old browsers */
  background: -moz-linear-gradient(left,  rgb(74, 55, 160) 0%, blue 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgb(74, 55, 160) 0%,blue 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgb(74, 55, 160) 0%,blue 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
  box-shadow :-6px 12px 5px 2px rgba(72, 4, 75, 0.5)
}