@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@700&display=swap");
.up-box-note {
  display: block;
  position: relative;
  background: #FEED69;
  margin: 0 0 10px 0;
  padding: 10px;
  font-family: 'Caveat', cursive;
  font-size: 1.2rem;
  box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.8); }
  .up-box-note:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    border-color: #FFF #FFF #e6cc02 #e6cc02;
    border-style: solid;
    border-width: 20px; }
  .up-box-note .up-box-head {
    width: 90%;
    border-bottom: 2px outset #9999;
    margin-bottom: 10px; }
  .up-box-note .up-box-title {
    font-size: 2rem;
    font-weight: bold; }
  .up-box-note .up-box-image {
    float: right;
    margin-top: 10px; }
  .up-box-note .up-box-action {
    text-align: right; }