.wolf-backbutton {
  font-family: "Open Sans", sans-serif;
}
.wolf-backbutton.theme-black {
  background-color: black;
  color: white;
}
.wolf-backbutton.theme-light {
  background-color: #E3E3E0;
  color: black;
}
.wolf-backbutton[spacing-top=large] {
  padding-top: 16.6vw;
}
@media only screen and (max-width: 767px) {
  .wolf-backbutton[spacing-top=large] {
    padding-top: 100px;
  }
}
.wolf-backbutton[spacing-top=small] {
  padding-top: 8.3vw;
}
@media only screen and (max-width: 767px) {
  .wolf-backbutton[spacing-top=small] {
    padding-top: 50px;
  }
}
.wolf-backbutton[spacing-bottom=large] {
  padding-bottom: 16.6vw;
}
@media only screen and (max-width: 767px) {
  .wolf-backbutton[spacing-bottom=large] {
    padding-bottom: 100px;
  }
}
.wolf-backbutton[spacing-bottom=small] {
  padding-bottom: 8.3vw;
}
@media only screen and (max-width: 767px) {
  .wolf-backbutton[spacing-bottom=small] {
    padding-bottom: 50px;
  }
}
.wolf-backbutton .back-link {
  display: block;
  color: inherit;
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 1;
  text-decoration: none;
}
.wolf-backbutton .back-link:hover {
  color: inherit;
  text-decoration: none;
}
.wolf-backbutton .inner {
  display: flex;
  align-items: center;
  gap: 0.98vw;
}
@media only screen and (max-width: 767px) {
  .wolf-backbutton .inner {
    gap: 10px;
  }
}
.wolf-backbutton .inner {
  max-width: 74.22vw;
}
@media only screen and (max-width: 767px) {
  .wolf-backbutton .inner {
    max-width: calc(100% - 40px);
  }
}
.wolf-backbutton .inner {
  margin: 0 auto;
  padding-bottom: 12px;
  border-bottom: 0.5px solid currentColor;
}
.wolf-backbutton .icon {
  flex-shrink: 0;
  width: 0.78vw;
}
@media only screen and (max-width: 767px) {
  .wolf-backbutton .icon {
    width: 8px;
  }
}
.wolf-backbutton .icon {
  height: auto;
  transition: transform 0.3s ease-out;
}
.wolf-backbutton .back-link:hover .icon {
  transform: translateX(-3px);
}