Usuário:Visno

.caixanota {

 width: 100%;
 max-width: 100%;
 padding: 10px 15px;
 border: 1px dashed #cedff2;
 border-radius: 12px;
 margin: 15px auto;
 box-sizing: border-box;
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: 10px;
 font-size: 1em;

}

.caixanota-img {

 flex: 0 0 auto;
 text-align: center;

}

.caixanota-texto {

 flex: 1 1 200px;
 min-width: 0;
 text-align: left;
 word-wrap: break-word;

}

.cor-padrao {

 background-color: #e8f2f8;
 border-color: #cedff2;

} .cor-verde {

 background-color: #e6f4ea;
 border-color: #b6dfc1;

} .cor-amarelo {

 background-color: #fff8d2;
 border-color: #f2e394;

} .cor-vermelho {

 background-color: #fde8e8;
 border-color: #f5b5b5;

}

@media (max-width: 600px) {

 .caixanota {
   flex-direction: column;
   text-align: left;
 }
 .caixanota-img,
 .caixanota-texto {
   width: 100%;
 }

}