JSFiddle - React, Tailwind, and code Playground

HTML

<div class="shadow">

CSS

.shadow {
  width: 300px;
  height: 443px;
  border-style: solid;
  border-width: 1px;
  border-color: #ddd;
  background-color: #fff;
}

.shadow:hover {
  box-shadow: 0 0 10px #b26398;
  border-color: #b26398;
  transition: all 0.6s;
}