/* Only the largest buttons can hang with us */

.btn-xl {
    padding: 20px 30px;
    font-size: 24px;
    line-height: normal;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
}

@media (max-width: 768px) {
  .xl-btn {
    text-align:center !important;
  }
}

/* Lovely green backdrop that demands to be fullwidth, just be sure to give the .xl-btn class to your surrounding <p> or <div> and style (not class) align your buttons */

.backdrop {
    background-color: #009640;
    color: #FFFFFF;
    text-align: center;
    width: 100vw;
    margin-left: -50vw;
    left: 50%;
    position: relative;
}