pad1{
  padding-top: 5px;
}

.gradient-box {
  background: var(--blue_cta-bg-gradient);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 200px;
}



.gradient-buttons {
  display: flex;
  gap: 15px;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
}
@media (max-width: 768px) {
  .gradient-box {
    padding-bottom: 20px;
    padding-top: 0px;
    margin-top: 0px;
  }

  .gradient-header{
   padding-top: 20px;
  }
  .gradient-buttons {
    padding: 10px;
    flex-direction: column;
    gap: 10px;
   align-items: center;
  }
}

.gradient-box-content{
  text-align: center;
  padding-top:60px ;
  align-items: center;
  font-size: var(    --pos-headline-4);
  line-height: var( --pos-headline-4-line-height);
  color: var(--pos-color-normal);
}

.gradient-header h2{
  font-size: var( --pos-headline-1);
  color: var(--pos-color-prominent);
 }