.module-featured {
  --module: "featured";
}

.module-featured .featured-container {
  --rem: var(--_rem, 100px);
  --grid: var(--_grid, 100px);

  --animation-duration: var(--_animation-duration, 0.2s);
  --animation-timing-function: var(--_animation-timing-function, linear);

  --color-main_: var(--_color-main_, 109, 4, 254);
  --color-font_: var(--_color-font_, 6, 16, 17);
  
  display: grid;
  gap: calc( 0.20 * var(--rem) );
  grid-template-columns: 1fr 1fr;
}

.module-featured .featured-item {
  display: grid;
  gap: calc( 0.05 * var(--rem) );
  grid-row: auto / span 3;
  grid-template-rows: subgrid;
  text-align: left;
}

.module-featured .featured-name {
  color: rgb( var(--color-font_) );
  font-size: calc( 0.14 * var(--rem) );
  font-weight: 400;
  grid-row: 2;
}

.module-featured .featured-link {
  color: rgb( var(--color-font_) );
  transition: color var(--animation-duration) var(--animation-timing-function);
  text-decoration: none;
}

.module-featured .featured-link:hover,
.module-featured .featured-link:focus {
  color: rgb( var(--color-main_) );
}

.module-featured .featured-figure {
  grid-column: 1;
  grid-row: 1;
  margin: 0 0 calc( 0.32 * var(--rem) );
}

.module-featured .featured-picture {
  display: block;
}

.module-featured .featured-img {
  display: block;
  max-width: 100%;
}

.module-featured .featured-price {
  font-size: calc( 0.20 * var(--rem) );
  grid-row: 3;
}

.module-featured .featured-atc {
  grid-column: 1;
  grid-row: 1;
  justify-self: end;
  position: relative;
  z-index: 1;
}

.module-featured .featured-button {
  background: none;
  border: 0;
  color: rgb( var(--color-font_) );
  cursor: pointer;
  font-size: calc( 0.20 * var(--rem) );
  margin: 0;
  padding: 0;
  transition: color var(--animation-duration) var(--animation-timing-function);
}

.module-featured .featured-button:before {
  opacity: 1;
}

.module-featured .featured-button:after {
  display: none;
}

.module-featured .featured-button:hover,
.module-featured .featured-button:focus {
  color: rgb( var(--color-main_) );
}