@use "00-base/configure" as *;

.ma__fixed-feedback-button {
  border-style: solid;
  border-width: 4px 4px 0 4px;
  border-radius: 5px 5px 0 0;
  border-color: var(--mf-c-primary-alt);
  background-color: var(--mf-c-bg);
  display: inline-block;
  padding: 0 10px;
  margin-top: 0 !important;
  position: fixed;
    right: 32px; // the height of the button before rotation
    top: 50%; // fixes the button in the verticle middle of the screen
  transform-origin: top right;
  transform: rotate(-90deg)  translateX(100%);
  pointer-events: none;


  z-index: $z-feedback-button;

  a {
    color: var(--mf-c-primary-alt);
    font-size: $fonts-larger;
    font-weight: $fonts-normal;
    text-decoration: none;
    letter-spacing: 0.15rem;
    pointer-events: auto;
    transition: none;
  }

  &.hide-button {
    display: none;
  }

  // visibility hidden, display:none will change the offset to 0 - used in feedbackForm.js

  &.hide-button-vis {
    visibility: hidden;

    a {
      visibility: hidden;
    }
  }
}