/* ===================================
   Module: Ledord
=================================== */

.m-motto{
  padding: 35px 0px;
}

.m-motto__inner{
  background: var(--c-bjork);
  border-radius: 6px;
  padding: 44px 28px;
  display: grid;
  gap: 18px;
  justify-items: center;
  text-align: center;
}

.m-motto__icon{
  width: 135px;
  height: 135px;
  display: grid;
  place-items: center;
}

/* Om SVG inline: låt den bli cream */
.m-motto__icon svg{
  width: 100%;
  height: 100%;
  display: block;
  fill: var(--c-cream);
}

.m-motto__words{
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0; /* sep tar hand om spacing */
  font-family: var(--font-heading); /* Lexend Deca */
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--c-cream);
  font-size: 20px;
}

.m-motto__word{
  padding: 0 10px;
}

.m-motto__sep{
  color: var(--c-green_300);
  padding: 0 6px;
}

@media (max-width: 600px){
  .m-motto__words{
    font-size: 20px;
    letter-spacing: 0.06em;
  }
}