.info-desk-sticky-button {
  position: fixed;
  z-index: 9999;
}
.info-desk-sticky-button.info-desk-top-left {
  top: 20px;
  left: 20px;
}
.info-desk-sticky-button.info-desk-top-right {
  top: 20px;
  right: 20px;
}
.info-desk-sticky-button.info-desk-bottom-left {
  bottom: 20px;
  left: 20px;
}
.info-desk-sticky-button.info-desk-bottom-right {
  bottom: 20px;
  right: 20px;
}

.info-desk-button {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  background: var(--sc-secondary-color-dark);
  color: white;
  text-decoration: none;
  border-radius: 5px;
}
.info-desk-button:hover {
  background: var(--sc-secondary-color-darker);
  color: white;
  text-decoration: none;
}
.info-desk-button:visited, .info-desk-button:focus {
  color: white;
  text-decoration: none;
}
.info-desk-button span {
  margin-right: 0.5rem;
}

wp-info-desk-frame {
  display: flex;
  flex-direction: column;
}
wp-info-desk-frame.framed {
  border: 1px solid;
}
wp-info-desk-frame > div {
  position: relative;
}
wp-info-desk-frame > div > form .row {
  margin: 0.5rem;
  display: block;
}
wp-info-desk-frame > div > form .row div > label span.required,
wp-info-desk-frame > div > form .row div > label span.invalid {
  color: var(--wp--preset--color--vivid-red);
  font-size: smaller;
  font-style: italic;
  padding-left: 0.5rem;
}
wp-info-desk-frame > div > form .row div > input,
wp-info-desk-frame > div > form .row div > textarea {
  width: 100%;
  outline: none;
}
wp-info-desk-frame > div > form .row div > input::placeholder,
wp-info-desk-frame > div > form .row div > textarea::placeholder {
  opacity: 0.3;
}
wp-info-desk-frame > div > form .row div > input.invalid,
wp-info-desk-frame > div > form .row div > textarea.invalid {
  border: 1px solid var(--wp--preset--color--vivid-red);
}
wp-info-desk-frame > div > form .row div > textarea {
  min-height: 10rem;
}
wp-info-desk-frame > div > form .row.sendmail button {
  font: var(--sc-button-text-style);
  background-color: var(--sc-background-color-dark);
  border: none;
  border-radius: var(--sc-button-border-radius);
  color: #fff;
  text-transform: none;
  padding: 0.625rem 1.25rem;
  outline: none;
}
wp-info-desk-frame > div > form .row.sendmail button span.dashicons {
  padding-right: 2rem;
}
wp-info-desk-frame > div.loading:after, wp-info-desk-frame > div.done:after, wp-info-desk-frame > div.fail:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-family: dashicons;
  font-weight: 900;
  height: 20px;
  width: 20px;
  line-height: 20px;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -10px;
}
wp-info-desk-frame > div.loading > form, wp-info-desk-frame > div.done > form, wp-info-desk-frame > div.fail > form {
  opacity: 0.3;
  pointer-events: none;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
wp-info-desk-frame > div.loading:after {
  content: "\f113";
  animation: fa-spin 1.75s linear infinite reverse;
  color: var(--primary-color);
}
wp-info-desk-frame > div.done:after {
  content: "\f12a";
  color: var(--wp--preset--color--vivid-green-cyan);
}
wp-info-desk-frame > div.fail:after {
  content: "\f153";
  color: var(--wp--preset--color--vivid-red);
}