.square-cta-1, .square-cta-2 {
  padding: calc(var(--base-unit) * 4) calc(var(--base-unit) * 5);
  border: 1px solid var(--color-accent-2);
  font-size: var(--font-size-button);
  background-color: rgba(var(--color-neutral-1-rgb), 0.8);
  transition: all 300ms ease-out;
  color: var(--color-neutral-5);
  cursor: pointer;
}

.square-cta-2 {
    border: 1px solid var(--color-white);
    background-color: var(--color-neutral-1);
    color: var(--color-white);
  }
  
.rounded-button-dark, .rounded-button-light {
  padding: calc(var(--base-unit) * 6);
  gap: calc(var(--base-unit) * 2);
  border: 1px solid var(--color-accent-2);
  font-size: var(--font-size-button);
  color: var(--color-neutral-5);
  border-radius: 100px;
  background-color: rgba(var(--color-neutral-1-rgb), 0.6);
  backdrop-filter: blur(32px);
  -webkit-backdrop-filter: blur(32px);
  transition: all 300ms ease-out;
  cursor: pointer;
}

.rounded-button-light {
    background-color: rgba(var(--color-neutral-1-rgb), 0.3);
}