@import 'variables';

.submit {
  float: right;
  margin-top: 16px;
}

.submit:hover {
  background-color: $gray-lighter;
}

.radio-set {
  display: flex;
  margin-top: 8px;
}

.radio-set-item {
  cursor: pointer;
}

.radio-set .radio-set-item:not(:first-child) {
  margin-left: 12px;
}

.radio-set-item label {
  width: 100%;
  text-align: center;
}

.nps-label {
  font-family: $font-family-header;
  font-weight: $font-weight-header-regular;
  margin-bottom: 15px;
  width: 65px;
}

.status-message {
  font-family: $font-family-header;
  font-weight: $font-weight-header-regular;
  text-align: center;
  position: absolute;
  font-size: 20px;
  color: $text-medium;
  /* for centering when parent has automatic height */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

input[type="radio"] {
  margin: 5px;
}

input[type="text"] {
  color: $text-medium !important;
}

textarea {
  width: 100%;
  color: $text-medium !important;
  border: 1px solid $gray-lighter;
  border-radius: 5px;
  padding: 10px;
}
