.block-type-button a {
  color:var(--button-color);
}


.block-type-button a {
  background-color: transparent;
  margin-left: auto;
  margin-right: auto;
  height: 46px;
  display: flex;
  width: fit-content;
}

.block-type-button a span {
  padding-right: 10px;
  margin-top: auto;
  margin-bottom: auto;
  line-height: 90%;
  margin-right: 3px;
  transition: margin 0.2s linear;
}

.block-type-button a:hover span {
  margin-right: 3px;
}

.block-type-button a .arrow{
  transition: margin 0.1s linear;
  right: 0px;
  width: 40px;
  font-size: 2rem;
  padding-right: 0px;
  margin-top: auto;
  margin-bottom: auto;
  height: 100%;
  margin-left: 0px;
}

.block-type-button a .arrow svg g line{
  stroke: var(--button-color);
}

.block-type-button a:hover .arrow{
  margin-left: 6px;
  margin-right: -6px;
}