How this works with vanilla CSS:

index.html

<div id="divContainer">
  <div id="myDiv">The Best Div Ever</div>
</div>

styles.css

#divContainer {
  display: flex;
  justify-content: center;
}
#myDiv {
   width: 80%;
   border-width: 8px;
   border-color: #2563eb;
   background-color: #dc2626;
   padding: 1.25rem;
   box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
}
#divContainer:hover {
  background-color: #facc15;
}
4