/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/block-recent-news/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-blocks-gamestore-recent-news {
  max-width: 100vw !important;
  margin-top: clamp(3.75rem, 2.77rem + 4.92vw, 7.5rem) !important;
  margin-bottom: clamp(3.75rem, 2.77rem + 4.92vw, 7.5rem) !important;
  text-align: center;
  position: relative;
  background-size: cover;
  padding: 5px;
}
.wp-block-blocks-gamestore-recent-news::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, var(--background-default) 0%, var(--background-80) 50.06%, var(--background-default) 100%);
  opacity: 1;
  z-index: 0;
}
.wp-block-blocks-gamestore-recent-news h2 {
  line-height: 1.4;
  background: var(--accent-gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: 0;
  margin-bottom: 24px;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.wp-block-blocks-gamestore-recent-news p {
  max-width: 980px;
  margin-top: 24px;
  margin-bottom: 48px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  color: var(--text-secondary, rgba(14, 13, 15, 0.7));
}
.wp-block-blocks-gamestore-recent-news .recent-news {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 48px;
  max-width: 1540px;
  margin: 0 auto;
}
.wp-block-blocks-gamestore-recent-news .recent-news img {
  max-width: 100%;
}
.wp-block-blocks-gamestore-recent-news .recent-news .news-item {
  width: calc(33.333% - 32px);
  overflow: hidden;
  border-radius: 8px;
  border-top: 10px solid var(--accent-gradient, #3DAFE2);
  background: var(--background-default, #FAFAFA);
  box-shadow: 0px 24px 32px 0px var(--shadow-24, rgba(14, 13, 15, 0.08));
  padding-top: 48px;
  padding-bottom: 48px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  position: relative;
}
.wp-block-blocks-gamestore-recent-news .recent-news .news-item::before {
  content: "";
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 10px;
  background: var(--accent-gradient, linear-gradient(90deg, #3DAFE2 0%, #6F76C0 100%));
}
.wp-block-blocks-gamestore-recent-news .recent-news .news-item h3 {
  font-size: 36px;
  font-style: normal;
  line-height: 1.4;
  background: var(--accent-gradient, linear-gradient(90deg, #3DAFE2 0%, #6F76C0 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  padding-left: 48px;
  padding-right: 48px;
}
.wp-block-blocks-gamestore-recent-news .recent-news .news-item .news-thumbnail {
  position: relative;
}
.wp-block-blocks-gamestore-recent-news .recent-news .news-item .news-thumbnail img {
  width: 100%;
}
.wp-block-blocks-gamestore-recent-news .recent-news .news-item .news-thumbnail .blur-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: blur(24px);
}
.wp-block-blocks-gamestore-recent-news .recent-news .news-item .news-thumbnail .original-image {
  position: relative;
  z-index: 1;
}
.wp-block-blocks-gamestore-recent-news .recent-news .news-item .news-excerpt {
  padding-left: 48px;
  padding-right: 48px;
  text-align: center;
  color: var(--text-secondary, rgba(14, 13, 15, 0.7));
}
.wp-block-blocks-gamestore-recent-news .recent-news .news-item .news-excerpt p {
  line-height: 1.7;
}
.wp-block-blocks-gamestore-recent-news .recent-news .news-item .read-more {
  display: inline-flex;
  border-radius: 5px;
  background: var(--accent-gradient, linear-gradient(90deg, #3DAFE2 0%, #6F76C0 100%));
  box-shadow: 0px 16px 24px 0px rgba(61, 175, 226, 0.48);
  padding: 20px 32px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 2.1px;
  text-transform: uppercase;
  color: #fff;
  transition: all 300ms ease-in-out;
}
.wp-block-blocks-gamestore-recent-news .recent-news .news-item .read-more:hover {
  background: linear-gradient(90deg, #6f76c0 0%, #575ead 100%);
}
.wp-block-blocks-gamestore-recent-news .recent-news .news-item .read-more::before {
  content: "";
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  background: url("data:image/svg+xml,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M16 2H8C4.5 2 3 4 3 7V17C3 20 4.5 22 8 22H16C19.5 22 21 20 21 17V7C21 4 19.5 2 16 2ZM8 12.25H12C12.41 12.25 12.75 12.59 12.75 13C12.75 13.41 12.41 13.75 12 13.75H8C7.59 13.75 7.25 13.41 7.25 13C7.25 12.59 7.59 12.25 8 12.25ZM16 17.75H8C7.59 17.75 7.25 17.41 7.25 17C7.25 16.59 7.59 16.25 8 16.25H16C16.41 16.25 16.75 16.59 16.75 17C16.75 17.41 16.41 17.75 16 17.75ZM18.5 9.25H16.5C14.98 9.25 13.75 8.02 13.75 6.5V4.5C13.75 4.09 14.09 3.75 14.5 3.75C14.91 3.75 15.25 4.09 15.25 4.5V6.5C15.25 7.19 15.81 7.75 16.5 7.75H18.5C18.91 7.75 19.25 8.09 19.25 8.5C19.25 8.91 18.91 9.25 18.5 9.25Z\" fill=\"white\"/></svg>");
}

@media screen and (max-width: 1280px) {
  .news-excerpt p {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1280px) {
  .news-excerpt p {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 920px) {
  .news-excerpt {
    display: none;
  }
  .news-item h3 {
    font-size: 22px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
@media screen and (max-width: 768px) {
  .read-more {
    font-size: 13px !important;
    padding: 10px 20px !important;
  }
  .recent-news {
    gap: 15px !important;
  }
  .news-item {
    width: calc(35.333% - 32px) !important;
  }
}
@media screen and (max-width: 640px) {
  .recent-news {
    flex-wrap: wrap !important;
    gap: 40px !important;
  }
  .news-item {
    width: 100% !important;
  }
}
@media screen and (max-width: 360px) {
  .recent-news {
    gap: 20px !important;
  }
}

/*# sourceMappingURL=style-index.css.map*/