.a-induction-link a.type-1 {
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  width: 100%;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 999px;
  transition: all 0.15s linear;
  position: relative;
}

.a-induction-link a.type-1.c1 {
  background-color: #0A8D8E;
  box-shadow: 0 10px 0 #006162;
}

.a-induction-link a.type-1.c2 {
  background-color: #C10025;
  box-shadow: 0 10px 0 #88001A;
}

.a-induction-link a.type-1.c3 {
  background-color: #F76A11;
  box-shadow: 0 10px 0 #BE4900;
}

.a-induction-link a.type-1:hover {
  transform: translate3d(0, 10px, 0);
  box-shadow: none;
}

.a-induction-link a.type-2 {
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  width: 100%;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 999px;
  box-shadow: 0px 9px 26px rgba(0, 0, 0, 0.16);
  transition: all 0.15s linear;
  position: relative;
}

.a-induction-link a.type-2.c1 {
  background: linear-gradient(0deg, #0a8d8e 0%, #65afac 100%);
}

.a-induction-link a.type-2.c1::after {
  content: "";
  display: block;
  position: absolute;
  width: 52px;
  height: 52px;
  background-image: url(../img/products-button-ico-t1-c1.svg);
  background-repeat: no-repeat;
  background-size: 52px auto;
  top: 50%;
  right: 34px;
  transform: translateY(-50%);
}

.a-induction-link a.type-2.c2 {
  background: linear-gradient(180deg, #d10028 0%, #96001d 100%);
}

.a-induction-link a.type-2.c2::after {
  content: "";
  display: block;
  position: absolute;
  width: 52px;
  height: 52px;
  background-image: url(../img/products-button-ico-t1-c2.svg);
  background-repeat: no-repeat;
  background-size: 52px auto;
  top: 50%;
  right: 34px;
  transform: translateY(-50%);
}

.a-induction-link a.type-2.c3 {
  background: linear-gradient(180deg, #fa7a37 0%, #fd3a00 100%);
}

.a-induction-link a.type-2.c3::after {
  content: "";
  display: block;
  position: absolute;
  width: 52px;
  height: 52px;
  background-image: url(../img/products-button-ico-t1-c3.svg);
  background-repeat: no-repeat;
  background-size: 52px auto;
  top: 50%;
  right: 34px;
  transform: translateY(-50%);
}

.a-induction-link a.type-3 {
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  width: 100%;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 999px;
  transition: all 0.15s linear;
  position: relative;
}

.a-induction-link a.type-3.c1 {
  background-color: #0a8d8e;
}

.a-induction-link a.type-3.c1::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 96%;
  height: 102px;
  border-radius: 999px;
  background: linear-gradient(#fff 0%, rgba(255, 255, 255, 0) 100%);
  opacity: 0.4;
  z-index: 2;
}

.a-induction-link a.type-3.c1::after {
  content: "";
  display: block;
  position: absolute;
  width: 52px;
  height: 52px;
  background-image: url(../img/products-button-ico-t3-c1.svg);
  background-repeat: no-repeat;
  background-size: 52px auto;
  top: 50%;
  right: 34px;
  transform: translateY(-50%);
}

.a-induction-link a.type-3.c2 {
  background-color: #E65A01;
}

.a-induction-link a.type-3.c2::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 96%;
  height: 102px;
  border-radius: 999px;
  background: linear-gradient(#fff 0%, rgba(255, 255, 255, 0) 100%);
  opacity: 0.4;
  z-index: 2;
}

.a-induction-link a.type-3.c2::after {
  content: "";
  display: block;
  position: absolute;
  width: 52px;
  height: 52px;
  background-image: url(../img/products-button-ico-t3-c2.svg);
  background-repeat: no-repeat;
  background-size: 52px auto;
  top: 50%;
  right: 34px;
  transform: translateY(-50%);
}

.a-induction-link a.type-3.c3 {
  background-color: #008D0B;
}

.a-induction-link a.type-3.c3::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 96%;
  height: 102px;
  border-radius: 999px;
  background: linear-gradient(#fff 0%, rgba(255, 255, 255, 0) 100%);
  opacity: 0.4;
  z-index: 2;
}

.a-induction-link a.type-3.c3::after {
  content: "";
  display: block;
  position: absolute;
  width: 52px;
  height: 52px;
  background-image: url(../img/products-button-ico-t3-c3.svg);
  background-repeat: no-repeat;
  background-size: 52px auto;
  top: 50%;
  right: 34px;
  transform: translateY(-50%);
}

@media all and (max-width:47.9375em) {
  .a-induction-link a.type-1 {
    font-size: 1rem;
    height: 112px;
  }
  .a-induction-link a.type-1.c1 {
    box-shadow: 0 8px 0 #006162;
  }
  .a-induction-link a.type-1.c2 {
    box-shadow: 0 8px 0 #88001A;
  }
  .a-induction-link a.type-1.c3 {
    box-shadow: 0 8px 0 #BE4900;
  }
  .a-induction-link a.type-1:hover {
    transform: none;
    box-shadow: 0 8px 0 inherit;
  }

  .a-induction-link a.type-2 {
    font-size: 1rem;
    height: 112px;
  }
  .a-induction-link a.type-2.c1::after {
    width: 32px;
    height: 32px;
    background-size: 32px auto;
    right: 16px;
  }
  .a-induction-link a.type-2.c2::after {
    width: 32px;
    height: 32px;
    background-size: 32px auto;
    right: 16px;
  }
  .a-induction-link a.type-2.c3::after {
    width: 32px;
    height: 32px;
    background-size: 32px auto;
    right: 16px;
  }

  .a-induction-link a.type-3 {
    font-size: 1rem;
    height: 112px;
  }
  .a-induction-link a.type-3.c1::after {
    width: 32px;
    height: 32px;
    background-size: 32px auto;
    right: 16px;
  }
  .a-induction-link a.type-3.c2::after {
    width: 32px;
    height: 32px;
    background-size: 32px auto;
    right: 16px;
  }
  .a-induction-link a.type-3.c3::after {
    width: 32px;
    height: 32px;
    background-size: 32px auto;
    right: 16px;
  }
}