/*

- Add icon variables here, f.e.

$icon-check: '<svg width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 11.2 3.4 7.6 2 9l5 5 9-9-1.4-1.4z" fill="currentColor"/></svg>';


- This variables can be used like this:

.className {
  background-image: background-icon($icon-check, $primary-color-1);
}

*/
/*

- Add icon variables here, f.e.

$icon-check: '<svg width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 11.2 3.4 7.6 2 9l5 5 9-9-1.4-1.4z" fill="currentColor"/></svg>';


- This variables can be used like this:

.className {
  background-image: background-icon($icon-check, $primary-color-1);
}

*/
.snk-headline-block ul:last-child,
.snk-headline-block p:last-child {
  margin-bottom: 0;
}
.snk-headline-block_center .row {
  justify-content: center;
}
.snk-headline-block_center .snk-headline-wrapper {
  justify-items: center;
  text-align: center;
}
.snk-headline-block_center .snk-roofline {
  display: block;
}
.snk-headline-block_center .snk-roofline::before {
  position: relative;
  display: inline;
  margin-right: 0.5rem;
  padding-left: 0.75rem;
  font-size: 0.8125rem;
  top: -0.125rem;
}
.snk-headline-block_center .snk-buttons {
  justify-content: center;
}
@media (min-width: 768px) {
  .snk-headline-block_left .snk-roofline-wrapper {
    order: 2;
    justify-items: flex-end;
    display: flex;
  }
  .snk-headline-block_left .snk-roofline-wrapper .snk-roofline {
    margin-left: auto;
  }
}
@media (max-width: 767.98px) {
  .snk-headline-block_left .snk-headline-wrapper {
    margin-top: 1rem;
  }
}
.snk-headline-wrapper > *:last-child {
  margin-bottom: 0;
}