.title{
            font-size: 13px;
            letter-spacing: 1px;
            font-weight: 700;
            padding: 8px 20px;
            margin: 0;
            background:color-mix(in srgb, var(--accent-color), transparent 90%);
            color: var(--accent-color);
            display: inline-block;
            text-transform: uppercase;
            border-radius: 50px;
            font-family: var(--default-font);
      }
.btn-read-more {
  display: inline-flex;
  align-items: center;
  padding: 10px 20px;
  background-color: #007bff; /* Use your brand color */
  color: #fff;
  text-decoration: none;
  border-radius: 50px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.btn-read-more i {
  margin-left: 8px;
  transition: transform 0.3s ease;
}

.btn-read-more:hover {
  background-color: #0056b3;
  color: white;
}

.btn-read-more:hover i {
  transform: translateX(5px);
}