/* Radial hover fill button */
.btn-radial {
  position: relative;
  overflow: hidden;
  transition: color .3s ease;
}
.btn-radial::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  border-radius: 9999px;
  background: #111827; /* gray-900 */
  transform: translate(-50%, -50%);
  transition: width .35s ease, height .35s ease;
}
.btn-radial.text-white::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  border-radius: 9999px;
  background: #111827; /* gray-900 */
  transform: translate(-50%, -50%);
  transition: width .35s ease, height .35s ease;
}

.btn-radial:hover::before,
.btn-radial:focus-visible::before {
  width: 250%;
  height: 250%;
}
.btn-radial:hover,
.btn-radial:focus-visible {
  color: #ffffff !important;
}