.sp-button-puff-image-container {
   background: var(--env-section-background-color);
   width: 100%;
   overflow: hidden;
   position: relative;
 }
 
 .sp-button-puff-image-container .sp-puff-image {
   max-width: 100%;
   overflow: hidden;
   height: 19rem;
   background: #fff;
 }
 
 .sp-button-puff-image-container .sp-puff-image:hover img {
   transform: scale(1.2);
 }
 
 .sp-button-puff-image-container .rekai-newsarticle-img-wrapper {
   height: 11.875rem !important;
   padding-bottom: 0;
 }
 
 .sp-button-puff-image-container img {
   transition: transform 0.3s ease;
   display: block;
   min-height: 100%;
   min-width: auto;
   width: auto;
   max-width: 100%;
   max-height: auto;
   object-fit: cover;
   object-position: center;
 }
 
 .sp-button-puff-image-container a {
   line-height: normal;
    background: #003d7c;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 1.4rem;
    letter-spacing: .3em;
    margin: 10px 0;
    outline: 0;
    padding: 10px 30px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .3s ease;
    border-color: #003d7c;
 }
 .sp-button-puff-image-container a:hover {
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
    text-decoration: underline;
    transition: .1s;
    border-color:#003d7c;
    background: #003d7c;
    color: #fff;
 }
 
 @media (max-width: 992px) {
   .sp-button-puff-image-container a {
     font-size: 14px;
   }
 }
 
 .sp-button-puff-image-container a:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
 }
 
 .sp-button-puff-image-container .sp-puff-content {
   margin-bottom: 1.25rem;
   width: calc(100% - 20px);
   background: #fff;
   position: static;
   padding: 1rem 0.625rem;
 }
 
 .sp-button-puff-image-container .sp-puff-content.subheading {
   font-size: 2.1rem;
   margin-bottom: 0.625rem;
   line-height: normal;
 }
 
 .sp-button-puff-image-container .sp-puff-content.largeTxt {
   font-size: 2.4rem !important;
 }
 
 .sp-button-puff-image-container .sp-puff-content .text {
   font-size: 16px;
   font-weight: 400;
   line-height: normal;
   margin-bottom: 0.625rem;
   line-height: 160%;
 }
 
 @media (max-width: 992px) {
   .sp-button-puff-image-container .sp-puff-content .text {
     font-size: 14px;
   }
 }
 
 .sp-button-puff-image-container .sp-puff-content .env-button {
   margin-left: -0.625rem;
 }
 
 .sp-button-puff-image-container:hover .sp-puff-image img {
   transform: scale(1.2);
 }
 
 .sp-button-puff-image-container .sp-puff-content .subheading {
   font-size: 2.1rem;
   margin-bottom: 0.625rem;
   line-height: normal;
   margin-top: 0;
 }
 
 .sp-button-puff-image-container .sp-puff-content .largeTxt {
   font-size: 2.4rem !important;
 }
 
 /* ------------------------------ */
 
 .rekai-newsarticle-article-container {
   background: var(--env-section-background-color);
   width: 100%;
   overflow: hidden;
   position: relative;
 }
 
 .rekai-newsarticle-article-container:hover img {
   transform: scale(1.2) !important;
 }
 
 .rekai-newsarticle-article-container .rekai-newsarticle-img-wrapper {
   max-width: 100%;
   overflow: hidden;
   height: 19rem;
   border-radius: var(--sp-border-radius--1-25rem);
   background: #fff;
   height: 11.875rem !important;
   padding-bottom: 0;
 }
 
 .rekai-newsarticle-article-container img {
   transition: transform 0.3s ease;
   display: block;
   min-height: 100%;
   min-width: auto;
   width: auto;
   max-width: 100%;
   max-height: auto;
   object-fit: cover;
   object-position: center;
   transform: none;
   top: 0 !important;
   left: 0 !important;
   transform: initial !important;
 }
 
 .rekai-newsarticle-article-container a {
   display: block;
   background: #fff;
   box-shadow: 0 .25rem .625rem 0 rgba(0, 0, 0, .1);
   margin-bottom: 1.25rem;
   margin-left: 1.25rem;
   margin-top: -1.563rem;
   position: relative;
   width: calc(100% - 5rem) !important;
   z-index: 2;
   padding: 1rem 1.25rem;
   color: #000;
   font-weight: 600 !important;
   text-decoration: none;
   font-size: 1.125rem;
   font-weight: 400;
   line-height: normal;
 }
 
 .rekai-newsarticle-article-container a:hover {
   text-decoration: none !important;
   color: #000 !important;
 }
 
 @media (max-width: 992px) {
   .rekai-newsarticle-article-container a {
     font-size: 14px;
   }
 }
 
 .rekai-newsarticle-article-container a:before {
   content: "";
   display: block;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
 }
 
 /* Settings for darktheme */
 @media (prefers-color-scheme: dark) {
   .sp-button-puff-image-container a {
     color: #fff;
   }
 
   .sp-button-puff-image-container a.env-button--secondary {
     color:#000;
   }
 
   .sp-button-puff-image-container .sp-puff-image {
     background: #000;
   }
 
   .sp-button-puff-image-container .sp-puff-content {
     background: #333;
   }
 
   .rekai-newsarticle-article-container img {
     background: #000;
   }
 
   .rekai-newsarticle-article-container a {
     background: var(--sp-color-dark-grey);
     color: #fff;
   }
 
   .rekai-newsarticle-article-container a:hover {
     color: #fff !important;
   }
 }
 