.Popin {
  background: none; }
  .Popin::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.96;
    background: var(--text-color);
    z-index: -1; }
  .Popin-wrapper {
    color: white;
    background: var(--text-color) url("../../../src/images/bg-popin.jpg");
    background-size: cover;
    background-position: center;
    padding: 3rem; }
    @media (min-width: 768px) {
      .Popin-wrapper {
        padding-bottom: 7rem; } }
    .Popin-wrapper .intro p {
      font-size: 18px; }
  .Popin-header {
    margin: -3rem -3rem 3rem;
    background: white;
    color: var(--text-color);
    border-bottom: solid 1px transparent;
    border-image-source: url("../../img/deco-wave.svg");
    border-image-slice: 0 0 24 0;
    border-image-width: auto;
    border-image-repeat: repeat;
    border-image-outset: 16px;
    padding: 1.2rem 3rem 1.7rem; }
    @media (min-width: 768px) {
      .Popin-header {
        margin-bottom: 7rem; } }
  .Popin-logo {
    max-height: 39px;
    width: auto; }

.Popin-buttons .btn, .Popin-buttons .btn-border, .Popin-buttons .btn-secondary {
  border: none;
  color: white; }

.Popin-buttons .btn, .Popin-buttons .btn-border, .Popin-buttons .btn-secondary {
  padding-left: 4rem;
  padding-right: 4rem; }

/*# sourceMappingURL=extend-popin.css.map */