.text-white p { color: white !important}
.my-hover{
  cursor: pointer;
  background: rgba(255,255,255,0.03);           /* état normal */
  transition: background-color .15s ease,
			  box-shadow .15s ease,
			  transform .15s ease,
			  border-color .15s ease;
  border: 1px solid rgba(255,255,255,0.25);     /* si tu veux un contour discret */
}

.my-hover:hover{
  cursor: pointer;
  background-color: rgba(255,255,255,0.3);     /* hover = un peu plus clair */
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.35);     /* sur fond sombre, ombre noire souvent plus naturelle */
  transform: translateY(-2px);
  border-color: rgba(255,255,255,0.45);
}
html { scroll-padding-top: 100px; }