/* $progress-linear-bar-height: 10px; */

.button-submit {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
}

.button-submit:focus {
  outline: 0;
  cursor: pointer;
}

.button-submit:focus-visible {
  outline: #2266C6 solid 2px;
}

.a-submit {
  text-decoration: none;
  color: #FFFFFF;
  background: #0033FF;
  position: relative;
  top: 0px;
  padding: 16px;
  border-radius: 10px;
  border: 1px solid #0029CF;
  box-shadow: 0px 5px 0px 0px #0029CF;
  transition: all 0.2s;
  height: 60px;
  width: 150px;
  margin: 0 auto 15px auto;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  outline: 0;
}

.a-submit:active {
  top: 4px;
  box-shadow: 0px 5px 0px 0px #0029CF;
  text-decoration: none;
}

.a-submit:focus-visible {
  outline-color: #2260C5;
  outline-offset: -2px;
  outline-style: auto;
  outline-width: 5px;
}

.button-default {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.a-default {
  text-decoration: none;
  color: #000000;
  background: #FFFFFF;
  position: relative;
  top: 0px;
  border-radius: 10px;
  border: 1px solid #CCD6FF;
  box-shadow: 0px 2px 2px 0px #CCD6FF;
  transition: all 0.2s;
  width: 220px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  margin: 5px 0px 5px 0px;
  outline: 0;
}

.a-default:focus-visible {
  outline-color: #2260C5;
  outline-offset: -2px;
  outline-style: auto;
  outline-width: 5px;
}

.a-default:active {
  top: 4px;
  box-shadow: 0px 5px 0px 0px transparent;
}

.button-link {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.a-link {
  text-decoration: none;
  color: #FFFFFF;
  background: #0033FF;
  position: relative;
  top: 0px;
  padding: 16px;
  border-radius: 10px;
  box-shadow: 0px 10px 0px 0px #0029CF;
  transition: all 0.2s;
  height: 60px;
  margin: 0 auto 30px auto;
  cursor: pointer;
  outline: 0;
}

.a-link:focus-visible {
  outline-color: #2260C5;
  outline-offset: -2px;
  outline-style: auto;
  outline-width: 5px;
}

.a-link:active {
  top: 4px;
  box-shadow: 0px 5px 0px 0px #0029CF;
}

.button-audio {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.a-audio {
  position: relative;
  top: 0px;
  margin: 0 auto 16px;
  padding: 16px;
  display: block;
  height: 60px;
  width: 68px;
  color: #FFFFFF;
  text-decoration: none;
  background: #0033FF;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  box-shadow: 0px 10px 0px 0px #0029CF;
  transition: all 0.2s;
  outline: 0;
}

.a-audio:focus-visible {
  outline-color: #2260C5;
  outline-offset: -2px;
  outline-style: auto;
  outline-width: 5px;
}

.a-audio:active {
  top: 4px;
  box-shadow: 0px 5px 0px 0px #0029CF;
}

.a-audio>img {
  vertical-align: baseline;
  width: 38px;
  height: 32px;
}


.button-record {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.a-record {
  outline: 0;
  margin: 0;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #FFFFFF;
  background: #0033FF;
  position: relative;
  top: 0px;
  padding: 15px 23px 15px 22px;
  border-radius: 10px;
  box-shadow: 0px 10px 0px 0px #0029CF;
  transition: all 0.2s;
  height: 60px;
  /* width:68px; */
  margin: 0 auto 30px auto;
  border: none;
  cursor: pointer;
  outline: 0;
}

.a-record:focus-visible {
  outline-color: #2260C5;
  outline-offset: -2px;
  outline-style: auto;
  outline-width: 5px;
}

.a-record:active {
  top: 4px;
  box-shadow: 0px 5px 0px 0px #0029CF;
}

.a-record>img {
  vertical-align: baseline;
  width: 22px;
  height: 32px;
}


.button-correction {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.a-correction {
  text-decoration: none;
  color: #FFFFFF;
  background: #0033FF;
  position: relative;
  top: 0px;
  padding: 16px;
  border-radius: 10px;
  border: 1px solid #487b00;
  box-shadow: 0px 5px 0px 0px #487b00;
  transition: all 0.2s;
  height: 60px;
  width: 150px;
  margin: 0 auto 30px auto;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}

.a-correction:active {
  top: 4px;
  box-shadow: 0px 5px 0px 0px #487b00;
}

/****/
.a-image {
  text-decoration: none;
  color: #FFFFFF;
  background: #0033FF;
  position: relative;
  top: 0px;
  border-radius: 10px;
  box-shadow: 0px 10px 0px 0px #0029CF;
  transition: all 0.2s;
  height: 51px;
  width: 51px;
  margin: 0 auto 30px auto;
  cursor: pointer;
  border: none;
  display: block;
  padding: 0;
  outline: 0;
}

.a-image:focus-visible {
  outline-color: #2260C5;
  outline-offset: -2px;
  outline-style: auto;
  outline-width: 5px;
}

.a-image:active {
  top: 4px;
  box-shadow: 0px 5px 0px 0px #0029CF;
}

.a-image>img {
  vertical-align: baseline;
  width: 51px;
  height: 51px;
}