button.btn.btn-cst {
  width: 100%;
  padding: 14px 23px;
  border-radius: 25px;
  background: #1684f8;
  color: #fff;
  margin-top: 20px; }

.target_wt {
  position: absolute;
  left: 41%;
  top: 57px;
  font-size: 65px;
  font-weight: 700;
  color: #1684f8; }

.target_my {
  position: absolute;
  left: 30%;
  top: 242px;
  font-size: 25px;
  font-weight: 700; }

.target_decrement {
  color: #a2cefd;
  font-size: 25px;
  font-weight: 700;
  position: absolute;
  left: 27%;
  top: 100px; }

.target_increment {
  color: #a2cefd;
  font-size: 25px;
  font-weight: 700;
  position: absolute;
  left: 67%;
  top: 100px; }

.target_decrement span {
  font: 26px Monaco, MonoSpace;
  height: 200px;
  position: absolute;
  width: 20px;
  left: 0;
  top: 0;
  transform-origin: bottom center; }

.target_decrement .char1 {
  transform: rotate(-30deg);
  opacity: .5; }

.target_decrement .char2 {
  transform: rotate(-25deg);
  opacity: .5; }

.target_decrement .char3 {
  transform: rotate(-20deg);
  opacity: .5; }

.target_decrement .char4 {
  transform: rotate(-14deg); }

.target_decrement .char5 {
  transform: rotate(-11deg); }

.target_decrement .char6 {
  transform: rotate(-6deg); }

.target_decrement .char7 {
  transform: rotate(-1deg); }

.target_increment .char1 {
  transform: rotate(2deg); }

.target_increment .char2 {
  transform: rotate(6deg); }

.target_increment .char3 {
  transform: rotate(10deg); }

.target_increment .char4 {
  transform: rotate(13deg); }

.target_increment .char5 {
  transform: rotate(18deg);
  opacity: .5; }

.target_increment .char6 {
  transform: rotate(23deg);
  opacity: .5; }

.target_increment .char7 {
  transform: rotate(28deg);
  opacity: .5; }

.target_increment span {
  font: 26px Monaco, MonoSpace;
  height: 200px;
  position: absolute;
  width: 20px;
  left: 0;
  top: 0;
  transform-origin: bottom center; }

@media (max-width: 767px) {
  .target_wt {
    left: 41%;
    top: 35px;
    font-size: 40px; }

  .target_decrement {
    font-size: 22px;
    left: 29%;
    top: 55px; }

  .target_increment {
    font-size: 22px;
    left: 67%;
    top: 55px; }

  .target_my {
    left: 28%;
    top: 152px;
    font-size: 18px; }

  .target_decrement span {
    font-size: 20px; }

  .target_increment span {
    font-size: 20px; }

  .target_decrement .char1 {
    transform: rotate(-25deg);
    opacity: .5; }

  .target_decrement .char2 {
    transform: rotate(-21deg);
    opacity: .5; }

  .target_decrement .char3 {
    transform: rotate(-17deg);
    opacity: .5; }

  .target_decrement .char4 {
    transform: rotate(-8deg); }

  .target_decrement .char5 {
    transform: rotate(-11deg); }

  .target_decrement .char6 {
    transform: rotate(-6deg); }

  .target_decrement .char7 {
    transform: rotate(-1deg); }

  .target_increment .char1 {
    transform: rotate(0deg); }

  .target_increment .char2 {
    transform: rotate(4deg); }

  .target_increment .char3 {
    transform: rotate(8deg); }

  .target_increment .char4 {
    transform: rotate(13deg); }

  .target_increment .char5 {
    transform: rotate(15deg);
    opacity: .5; }

  .target_increment .char6 {
    transform: rotate(19deg);
    opacity: .5; }

  .target_increment .char7 {
    transform: rotate(23deg);
    opacity: .5; } }
