@charset "utf-8";

.tip-block { display: none; background-color: var(--app-light-border-weak); align-items: center; justify-content: center; padding: 1rem; color: var(--app-text-weak); }

.tip-block:hover { text-decoration: none; background-color: var(--app-light-border-dark); color: var(--app-text-weak); }

@media (min-width: 768px) {
  .tip-block { display: flex; margin-bottom: 2rem; }
}

.tip-block h2 { margin-bottom: 0px; font-family: "Archivo Narrow", "Inter Tight", Arial, sans-serif; font-size: 1.875rem; text-wrap: nowrap; }

@media (min-width: 1024px) {
  .tip-block h2 { font-size: 2.5rem; }
}

.tip-block .icon { margin-left: 1rem; }

.tip-block p { font-size: 1.3rem; margin: 0px 1rem; }