@mongodb-js/mongodb-ui-components/components/nav/styl/nav-cta.styl

A collection of frequently used functional UI components found on mongodb.com

.nav-cta
  width: 30%
  padding: 30px
  margin: 20px
  border: 0.5px solid #979797

  @media(max-width: breakpoint)
    width: 100%

.nav-cta:not(.nav-cta--first)
  @media(max-width: breakpoint)
    display: none

.nav-cta__header
.nav-cta__a
  width: 100%

.nav-cta__header
  margin: 0 0 10px 0
  color: white
  font-size: 30px

  @media(max-width: phoneWidth)
    font-size: 26px

.nav-cta__a
  display: block
  padding: 5px 0
  color: lightGreen !important