.btn {
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}

.btn:hover .btn-slide-show-text1 {
  margin-left: 65px;
}

.neumorphic {
  appearance: none;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  cursor: pointer;
  width: 200px;
  height: 50px;
  background-image: linear-gradient(0deg, rgb(216, 217, 219) 0px, rgb(255, 255, 255) 80%, rgb(253, 253, 253));
  border-radius: 30px;
  border: 1px solid rgb(143, 144, 146);
  transition: 0.2s;
  font-family: Source Sans Pro, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: rgb(96, 96, 96);
  text-shadow: rgb(255, 255, 255) 0px 1px;
}

.neumorphic::-moz-focus-inner {
  border: 0px;
}

.neumorphic > * {
  transition: transform 0.2s;
  transform: scale(0.975);
}

.neumorphic:hover:not([disabled]) {
  box-shadow: rgb(214, 215, 217) 0px 6px 8px, rgb(206, 207, 209) 0px -4px 4px, rgb(206, 207, 209) 0px 0px 3px 3px inset;
}

.neumorphic:hover {
  color: rgb(96, 96, 96);
  text-shadow: rgb(255, 255, 255) 0px 1px;
}

.neumorphic-enabled:focus:not(:active) {
  outline: none;
}

.neumorphic-enabled:active:not([disabled]) {
  box-shadow: rgb(252, 252, 252) 0px 4px 3px 1px, rgb(214, 215, 217) 0px 6px 8px, rgb(206, 207, 209) 0px -4px 4px, rgb(254, 254, 254) 0px -6px 4px, rgb(153, 153, 153) 0px 0px 5px 3px inset, rgb(170, 170, 170) 0px 0px 30px inset;
}