.hero-start-button {
  border-radius: 10px;
  box-shadow: 0 7px 0 #07130f, 0 14px 24px #143f2e22;
  font-size: 14px;
  gap: 28px;
  padding: 17px 23px;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.hero-start-button:hover,
.hero-start-button:focus-visible {
  background: #173a30;
  box-shadow: 0 5px 0 #07130f, 0 18px 30px #143f2e2c;
  outline: 0;
  transform: translateY(2px);
}

.hero-actions {
  flex-wrap: wrap;
  gap: 14px;
}

.hero-savings-button {
  background: #b8f56a;
  border: 1px solid #8fc64e;
  border-radius: 10px;
  box-shadow: 0 7px 0 #78a947, 0 14px 24px #143f2e1f;
  color: #10251f;
  font-size: 14px;
  gap: 18px;
  padding: 17px 21px;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.hero-savings-button span:first-child {
  font-size: 14px;
  line-height: 1.2;
}

.hero-savings-button:hover,
.hero-savings-button:focus-visible {
  background: #c8ff85;
  box-shadow: 0 5px 0 #78a947, 0 18px 30px #143f2e25;
  color: #10251f;
  outline: 0;
  transform: translateY(2px);
}