JSFiddle - React, Tailwind, and code Playground

HTML

<div id="exemple">Mes compétences</div>

CSS

#exemple {
  width:100%;
  height:150px;
  line-height:150px;
  text-align: center;
  color: #dbfff7;
  font-size: 44px;
  font-family: verdana;
  background-color: #f2b608;
  background-image: linear-gradient(135deg, #9f25ff 0%, rgba(242,182,8,0) 100%);
  transition: background 300ms ease-in-out;
}
#exemple:hover {
  background-color: #9f25ff;
}