.text-button {
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: center;
  & .button-text {
    font-size: 16px;
    font-weight: 500;
    color: #566955;
    font-family: "Inter-Display", sans-serif;
    margin-bottom: 0;
    margin-top: 0;
  }
  & .circle-left-arrow-btn svg {
    transition: background-color 0.3s, border-color 0.3s;
  }
}
.circle-left-arrow-btn .background-rect,
.circle-left-arrow-btn .border-rect {
  transition: fill 0.3s;
  fill: transparent;
  stroke: #d8d8d8;
}
.circle-left-arrow-btn .border-rect {
  transition: stroke 0.3s;
}
.circle-left-arrow-btn .arrow-path {
  transition: stroke 0.3s;
  stroke: #566955;
}
.circle-left-arrow-btn:hover .background-rect {
  fill: #566955;
}
.circle-left-arrow-btn:hover .border-rect {
  stroke: #566955;
}
.circle-left-arrow-btn:hover .arrow-path {
  stroke: #ffffff;
}
.circle-left-arrow-btn:active .background-rect {
  fill: #729e70;
}
.circle-left-arrow-btn:active .border-rect {
  stroke: #729e70;
}
.circle-left-arrow-btn:active .arrow-path {
  stroke: #ffffff;
}