.call-to-action-area {
  /* padding: 50px 0; */
}

.call-to-action-area .box {
  /* padding: 30px; */
  border-radius: 4px;
}

.call-to-action-area h2 {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
}

.call-to-action-area a {
  display: inline-block;
 

  /* padding: 12px 30px; */
  border-radius: 4px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.call-to-action-area a:hover {

}


.call-to-action-area {background-color: var(--color-secondary); }
.call-to-action-area .box {background-color: var(--color-secondary); }
.call-to-action-area .box:before {background-color: var(--color-secondary); }
.call-to-action-area .box:after {background-color: var(--color-secondary); }
.call-to-action-area .box a {color: var(--color-secondary); border: 2px solid var(--color-secondary); }

@media (max-width: 768px) {
  .call-to-action-area .box {background-color: transparent; }
}