.gov-tile__link::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable */
/* stylelint-enable */
/* [Core] - Buttons
------------------------------------------------------------------ */
/*
 * Gets color from theme-colors or from palette-colors
 */
/*
 * Converts hex value to rgb colors value
 */
/* stylelint-disable order/order */
/* stylelint-enable order/order */
/*
 * Generates list of utility classes for margin, padding
 *
 * Make sure $list of definitions is sorted so that last item is defined last
 * So largest views are mentioned last.
 */
/*
 -  Variables - Sizes
 */
/* "Constants" for general usage */
/*
 -  Variables - Layout
 */
/**
* Utilities - Offset
*/
/* stylelint-disable order/order */
/* stylelint-enable order/order */
/* stylelint-disable order/order */
/* stylelint-enable order/order */
/* stylelint-disable order/order */
/* stylelint-enable order/order */
/**
* Generates CSS3 var with default value
*/
/*
 -  Variables - Variants
 */
/*
 -  Variables - Sizes
 */
/* "Constants" for general usage */
/*
 -  Variables - Accordion
 */
/*
 -  Variables - Alert
 */
/*
 -  Variables - Autocomplete
 */
/*
 -  Variables - Buttons (&& Badges)
 */
/*
 -  Variables - Classes
 */
/*
 -  Variables - Colors
 */
/*
 -  Variables - Container
 */
/*
 -  Variables - Content Message
 */
/*
 -  Variables - General
 */
/*
 -  Variables - Layout
 */
/*
 -  Variables - Form Message
 */
/*
 -  Variables - Modal
 */
/**
* Utilities - Offset
*/
/*
 -  Variables - shadows
 */
/* "Constants" for general usage */
/*
 -  Variables - StatsBar
 */
/*
 -  Variables - Tabs
 */
/*
 -  Variables - Typography
 */
/*
 -  Variables - Tooltip
 */
/*
 -	Variables - Forms
 */
/*
 -  Variables - Toast Message
 */
/*
 -  Variables - Wizzard
 */
/*
 -  Variables - Stepper
 */
/*
 -  Variables - Grid & Tile
 */
.gov-spin-animation,
.gov-pseudo-spin-animation::before {
  animation: spin 4s linear infinite;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
/*
*   Tile
*/
.gov-tile {
  position: relative;
  display: block;
  width: 100%;
  padding: 0.75rem;
  transition: background-color 150ms;
}
.gov-tile__icon {
  display: flex;
  margin: 0 0 0.75rem;
  color: var(--gov-link-color, var(--gov-color-primary));
}
.gov-tile__icon .gov-icon {
  width: 2.5rem;
  height: 2.5rem;
}
.gov-tile__title {
  font-weight: var(--gov-text-xl-font-weight);
  font-size: var(--gov-text-xl-font-size);
  line-height: var(--gov-text-xl-line-height);
  letter-spacing: var(--gov-text-xl-letter-spacing);
  margin: 0 0 0.5rem;
}
.gov-tile__link {
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
  color: var(--gov-link-color, var(--gov-color-primary));
  text-decoration: none;
}
.gov-tile__link .gov-icon {
  flex: 0 0 auto;
  width: 0.75rem;
  height: 0.75rem;
  margin: 0.5rem;
  color: inherit;
}
.gov-tile__content {
  color: var(--gov-link-color, var(--gov-color-secondary-700));
}
.gov-tile__content > *:last-child {
  margin-bottom: 0;
}
.gov-tile__content a {
  position: relative;
  z-index: 1;
}
@media not all and (pointer: coarse) {
  .gov-tile[href]:hover {
    background: var(--gov-hover-bg, var(--gov-color-primary-200));
  }
  .gov-tile[href]:hover .gov-tile__link {
    color: var(--gov-link-color, var(--gov-color-primary));
  }
}
@media (min-width: 30em) {
  .gov-tile[promotion=""], .gov-tile[promotion=true i], .gov-tile[promotion="1"] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0 0.875rem;
  }
  .gov-tile[promotion=""] .gov-tile__icon, .gov-tile[promotion=true i] .gov-tile__icon, .gov-tile[promotion="1"] .gov-tile__icon {
    grid-area: 1/1/3/1;
    margin: 0;
  }
  .gov-tile[promotion=""] .gov-tile__title, .gov-tile[promotion=true i] .gov-tile__title, .gov-tile[promotion="1"] .gov-tile__title {
    grid-area: 1/2/1/2;
  }
  .gov-tile[promotion=""] .gov-tile__content, .gov-tile[promotion=true i] .gov-tile__content, .gov-tile[promotion="1"] .gov-tile__content {
    grid-area: 2/2/2/2;
  }
}
@media (min-width: 48em) {
  .gov-tile {
    padding: 1.5rem;
  }
  .gov-tile__icon {
    margin: 0 0 1.5rem;
  }
  .gov-tile__icon .gov-icon {
    width: 3rem;
    height: 3rem;
  }
}
@media (min-width: 64em) {
  .gov-tile[promotion=""], .gov-tile[promotion=true i], .gov-tile[promotion="1"] {
    gap: 0 1.625rem;
  }
}