#ask-notification-preference-modal .modal-content {
  color: #333;
  padding: 4%;
}
#ask-notification-preference-modal .modal-body {
    position: relative;
    padding: 15px;
}
#ask-notification-preference-modal .modal-footer {
    padding: 15px;
    text-align: right
}
.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px;
}

#ask-notification-preference-modal .modal-header {
  color: #00457b;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.1em ;
  line-height: 1.7333333333333334em;
  letter-spacing: 0.01666666666667em;
  font-weight: 800;
  text-transform: uppercase;
  padding: 15px;
}
#ask-notification-preference-modal .bottom_text {
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 0;
  font-weight: 400;
}
#ask-notification-preference-modal .bottom_text:before {
  content: "";
  width: 31px;
  height: 1px;
  position: relative;
  top: -12px;
  display: block;
  background: #333333;
  opacity: .3;
  -webkit-transition: -webkit-transform 220ms ease-out;
  transition: transform 220ms ease-out;
}
#ask-notification-preference-modal .modal-footer {
    border-top: none;
}
#ask-notification-preference-modal .btn {
  position: relative;
  display: inline-block;
  font-size: 0.8rem;
  /* 11/18 */
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.0636em;
  /* 7/11 */
  padding: 9px 23px;
  color: #333333;
  border: 1px solid #333333;
  border-radius: 0;
  z-index: 3;
  transition: color 200ms ease-out 100ms, border 150ms ease-out 100ms;
  -webkit-transition: color 200ms ease-out 100ms, border 150ms ease-out 100ms;
  -moz-transition: color 200ms ease-out 100ms, border 150ms ease-out 100ms;
  -ms-transition: color 200ms ease-out 100ms, border 150ms ease-out 100ms;
  -o-transition: color 200ms ease-out 100ms, border 150ms ease-out 100ms;
}
#ask-notification-preference-modal .btn:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 50%;
  background-color: #00457b;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: left 200ms ease-out, right 200ms ease-out, opacity 200ms ease-out, background-color 200ms ease-out;
  transition: left 200ms ease-out, right 200ms ease-out, opacity 200ms ease-out, background-color 200ms ease-out;
}
#ask-notification-preference-modal .btn:hover {
  color: #ffffff;
  border: 1px solid #333333;
}
#ask-notification-preference-modal .btn:hover:after {
  left: 0;
  right: 0;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
#ask-notification-preference-modal .btn.btn-default {
  background-color: transparent;
}
#ask-notification-preference-modal .btn.btn-primary {
  color: #ffffff;
  border: 1px solid #00457b;
  background-color: #00457b;
}
#ask-notification-preference-modal .btn.btn-primary:after {
  background-color: #062c4a;
}
#ask-notification-preference-modal .btn.btn-default:focus,
#ask-notification-preference-modal .btn.btn-primary:focus {
  border: none;
  outline: none;
}