.stones-symbole {
  padding-left: 2px;
  padding-right: 2px;
}

/*
.stones-symbole::before{
  content:"";display:block;
  margin:8px 0 12px;
  border-top:1px solid currentColor;
  opacity:.25;}
*/

.stones-symbole .stones-title{
  font-size: 18px;          
  line-height: 1.3;
  font-weight: 600;         
}

@media (max-width: 768px){
  .stones-symbole .stones-title{
    font-size: 16px;
  }
}

.stones-symbole .stones-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.stones-symbole .stone-line{
  display:flex;
  align-items:center;
  gap:8px;
  margin:6px 0;
  line-height:1.35;
}

.stones-symbole .stone-icon {
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
  flex: 0 0 28px;
  display: block;
  object-fit: contain;
  max-width: none;
}

.stones-symbole .stone-text{
  display:flex;
  align-items:flex-start;
  gap:.25rem;
  flex:1 1 auto;
  min-width:0;
}

.stones-symbole .stone-main{
  flex:1 1 auto;
  min-width:0;
}

.stones-symbole .stone-name {
  font-weight: 600;
}

@media (max-width: 768px) {
  .stones-symbole .stone-name {
    font-size: .8em;
  }
}


@media (max-width: 768px) {
  .stones-symbole .stone-benefits {
    font-size: 0.7em;
  }
}

.stones-symbole .stone-canvas-link{
  margin-left: auto;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  align-self:center;
  justify-content: center;
}

.stones-symbole .stone-canvas-link::after {
  content: "›";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #eee;
  color: #000;
  line-height: 28px;
  font-size: 12px;
  transform: rotate(90deg);
  transition: background .15s ease, transform .15s ease;
}

.stones-symbole .stone-canvas-link:hover::after {
  content: "»";
  background: #ddd;
  transform: rotate(90deg);
}

.stones-symbole .stone-canvas-link:focus-visible{
  outline:2px solid currentColor;
  outline-offset:2px;
}