.emailtest-email {
    cursor: pointer;
}

.emailtest-email:hover {
    color: #0073aa;
}

.emailtest-email:active {
    color: #00a0d2;
}
.emailtest-result-header {
    background: #f1f1f1;
    padding: 10px;
    text-align: center;
    margin-bottom: 30px;
    font-weight: 700;
}
.display-score {
    font-size: 70px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px;
}

.display-box-info {
  background: #f7f7f7;
  padding: 14px;
  margin-bottom: 20px;
  position: relative;
}
.display-box-info.success {
  background: #cedfd9;
  padding: 14px;
  margin-bottom: 20px;
  position: relative;
}
.display-box-info.success::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%2300c853" viewBox="0 0 24 24" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 0 1-1.043 3.296 3.745 3.745 0 0 1-3.296 1.043A3.745 3.745 0 0 1 12 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 0 1-3.296-1.043 3.745 3.745 0 0 1-1.043-3.296A3.745 3.745 0 0 1 3 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 0 1 1.043-3.296 3.746 3.746 0 0 1 3.296-1.043A3.746 3.746 0 0 1 12 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 0 1 3.296 1.043 3.746 3.746 0 0 1 1.043 3.296A3.745 3.745 0 0 1 21 12Z"/></svg>');
  background-size: cover;
  position:absolute;
  top: 23px;
  right: 65px;
}
.display-box-info.failure {
  background: #d78b9a;
  padding: 14px;
  margin-bottom: 20px;
  position: relative;
}
.display-box-info.failure::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23f44336" viewBox="0 0 24 24" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z"/></svg>');
  background-size: cover;
  position:absolute;
  top: 23px;
  right: 65px;
}
.display-box-info.warning {
  background: #fbf3ca;
  padding: 14px;
  margin-bottom: 20px;
  position: relative;
}
.display-box-info.warning::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23fbc02d" viewBox="0 0 24 24" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m0-10.036A11.959 11.959 0 0 1 3.598 6 11.99 11.99 0 0 0 3 9.75c0 5.592 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.57-.598-3.75h-.152c-3.196 0-6.1-1.25-8.25-3.286Zm0 13.036h.008v.008H12v-.008Z"/></svg>');
  background-size: cover;
  position:absolute;
  top: 23px;
  right: 65px;
}
.display-box-info h4{
 font-size: 35px;
  font-weight: 600;
}
.display-box-info .display-box-info h4{
 font-size: 20px;
}
.mark-4 {
    color: #27800e;
}
.display-score-text {
    margin: 20px 0;
}
.mark-3 {
    color: #dbc133;
}
.mark-2 {
    color: #f5a623;
}
.mark-1 {
    color: #e64d53;
}
.mark-0 {
    color: #e64d53;
}
.button-primary{
    display: inline-block;
  font-weight: 400;
  color: #605be5;
  text-align: center;
  white-space: nowrap;
  user-select: none;
  background-color: transparent;
  border: 1px solid #605be5;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  border-radius: 3px;
  transition: all .3s;
}

.content-center {
  text-align: center;
  margin-top: 30px;
}
 @media only screen and (max-width: 480px) {
    .emailtest-result{
		padding:0 10px;
	}
    .display-score {
        font-size: 30px;
    }
    .display-box-info h4{
        font-size: 25px;
    }
    .display-box-info .display-box-info h4{
        font-size: 20px;
    }
    .display-box-info.success::after {
        right: 10px;
    }
    .display-box-info.warning::after {
        right: 10px;
    }
    .display-box-info.failure::after {
        right: 10px;
    }
 }