.xperia-highlight-section {
  max-width: 900px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 0px!important;
}

/* Default: left aligned */
.align-left {
  align-items: flex-start;
  text-align: left;
}

/* Center aligned when requested */
.align-center {
  align-items: center;
  text-align: center;
}

.xperia-section-badge {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: 99px;
  background: #006c5d4d;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: -2%;
  color: #5edace;
  width: fit-content;
}

.xperia-section-badge::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 99px;
  padding: 1px;
  background: linear-gradient(
    95.03deg,
    rgba(94, 218, 206, 0.8) 2.29%,
    rgba(255, 255, 255, 0.08) 47.61%,
    rgba(94, 218, 206, 0.8) 93.15%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.xperia-dot {
  width: 8px;
  height: 8px;
  background: #5edace;
  border-radius: 50%;
  display: inline-block;
}

.xperia-highlight-text {
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-size: 40px;
  line-height: 120%;
  letter-spacing: -2%;
  margin: 0;
}

/* Optional: better spacing when centered */
.align-center .xperia-highlight-text {
  max-width: 808px; /* prevents very wide lines when centered */
}