.custom-btn-1,
.custom-btn-2 {
    display: block;
    padding: 12px 24px;
    text-align: center;
    font-family: var(--wp--preset--font-family--marmelad);
    font-size: var(--wp--preset--font-size--p);
    transition: all 0.3s ease-out;
}

.custom-btn-1 {
  color: #03030A;
  background: #1DC8F3;
}

.custom-btn-1:hover {
  color: #FBFBFB;
  background: #1BA4C6;
}

.custom-btn-2 {
    color: var(--black);
    border: solid 1px var(--black);
    background: transparent;
}

.custom-btn-2:hover {
    background: rgba(3, 3, 10, 0.2);
}

.custom-btn-3 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 24px;
  font-family: var(--wp--preset--font-family--marmelad);
  font-size: var(--wp--preset--font-size--p);
  background: #01A1CD;
  transition: all 0.3s ease-out;
}

.custom-btn-3:hover {
  background: #1DC8F3;
}