.feedback-button-content {
  cursor: pointer;
  max-width: fit-content;
  letter-spacing: var(--feedback-button-letter-spacing);
  z-index: var(--feedback-button-z-index);
  font-family: var(--feedback-font-family);
}

.feedback-button-content--custom-font {
  font-family: inherit;
}


.feedback-button-content--light{
  align-items: center;
  background-color: var(--feedback-button-light-bg-color);
  border-radius: var(--feedback-button-border-radius);
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  box-sizing: border-box;
  color: var(--feedback-button-light-text-color);
  display: flex;
  font-size: var(--feedback-button-text-font-size);
  font-weight: var(--feedback-button-text-font-weight);
  padding: 8px 15px;
}

.feedback-button-content--dark{
  align-items: center;
  background-color: var(--feedback-button-dark-bg-color);
  border-radius: var(--feedback-button-border-radius);
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  box-sizing: border-box;
  color: var(--feedback-button-dark-text-color);
  display: flex;
  font-weight: var(--feedback-button-text-font-weight);
  font-size: var(--feedback-button-text-font-size);
  padding: 8px 15px;
}

.icon-edit {
  stroke: var(--feedback-button-light-icon-color);
}

.feedback-button-content--dark .icon-edit{
  stroke: var(--feedback-button-dark-icon-color);
}

.feedback-button-content--bottom-right{
  bottom: 10px;
  position: fixed;
  right: 10px;
}

.feedback-button-content--center-right{
  position: fixed;
  transform: rotate(-90deg) translateY(-50%);
  top: 50%;
}

.feedback-button-content--center-right.feedback-button-content--dark,
.feedback-button-content--center-right.feedback-button-content--light {
  border-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}


.feedback-button-content-icon {
  height: 16px;
  margin-right: 5px;
  width: 16px;
}

.feedback-button-content--center-right .feedback-button-content-icon {
  rotate: 90deg;
}

@media screen and (max-width: 767px) {
  .feedback-button-content--hide-mobile {
    display: none;
  }
}