multirelated code hover effect

 /* Multi Related Post */
    .gourabdesignmultiRelated {
      background-color: #2a2a2a;
      color: #fff;
      margin: 15px auto;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      overflow: hidden;
      -webkit-box-shadow: 0px 0px 10px 0px rgba(255, 20, 147, 0.96); /* Pink Glow Shadow */
      -moz-box-shadow: 0px 0px 10px 0px rgba(255, 20, 147, 0.96); /* Pink Glow Shadow */
      box-shadow: 0px 0px 10px 0px rgba(255, 20, 147, 0.96); /* Pink Glow Shadow */
      transition: box-shadow 0.3s ease-in-out;
    }
    .gourabdesignmultiRelated:hover {
      box-shadow: 0px 0px 20px 5px rgba(255, 20, 147, 0.96); /* Pink Glow Shadow on hover */
      background-color: #222;
    }
    .gourabdesignmultiRelated .content {
      padding: 12px 15px;
    }

    .gourabdesignmultiRelated .content .text {
      margin-right: 5px;
    }
    .gourabdesignmultiRelated .content a {
      color: #fff;
      text-decoration: none;
      line-height: 1.5em;
    }
    .gourabdesignmultiRelated .content a:hover {
      text-decoration: underline;
    }
    .gourabdesignmultiRelated .icon {
      height: auto;
      min-width: 55px;
      background: #f44336 url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='%23fff'/%3E%3C/svg%3E") center / 40px no-repeat;
      transition: all .3s;
    }
    .gourabdesignmultiRelated:hover .icon {
      transform: scale(1.1);
    }
  </style>
    </style>
    </b:if>