Помогите с hover в css

Нужно чтобы при наведении на целый блок окрашивался текст в белый

  
           
          
Construction
 
       
       
           
          
Project Development
 
       
       
           
          
Interior Design
 
       
       
           
          
Interior Design
 
       

 .items { 
  width: 285px; 
  height: 285px; 
  align-items: center; 
  padding-top: 90px; 
  
  box-sizing: border-box; 
  /* gray/300 */ 
  border: 1px solid rgb(229, 232, 237); 
  border-radius: 4px; 
  box-shadow: 0px 4px 4px -4px rgba(30, 33, 44, 0.03),0px 12px 10px -6px rgba(154, 156, 165, 0.04),0px 30px 24px -10px rgba(154, 156, 165, 0.05),0px 80px 80px -20px rgba(154, 156, 165, 0.08); 
  /* white */ 
  background: rgb(255, 255, 255); 
 
  transition: .3s; 
   
} 
 
.items-text { 
  margin-top: 24px; 
  color: rgb(30, 33, 44); 
  font-family: Ubuntu; 
  font-size: 20px; 
  font-weight: 700; 
  line-height: 150%; 
  letter-spacing: 0%; 
} 
 

справа до наведения ,слева после
у меня получилось только если я наведу только на текст,а мне нужно ,чтобы при наведении на весь блок менялся цвет текста в теге <p>