@use "@/common/styles/colors" as *

.cta-section
  display: flex
  align-items: center
  justify-content: space-between
  margin: 4rem 6rem 0
  padding: 2rem 2.5rem
  background: $background-lighter
  border: 1px solid $border-color
  border-radius: 12px

  h2
    font-size: 1.25rem
    font-weight: 600

.cta-actions
  display: flex
  gap: 0.75rem

@media (max-width: 700px)
  .cta-section
    flex-direction: column
    gap: 1.5rem
    margin: 2rem 1.5rem 0
    padding: 2rem
    text-align: center

    h2
      font-size: 1.125rem

  .cta-actions
    width: 100%

    .btn
      flex: 1
      justify-content: center