.page.loyalty h1{ font-size: 22px;}
.loyalty-item{ padding-top: 30px; margin-bottom: 30px; border-top:1px solid rgb(0 0 0 / 20%);  color: #555555;  }
.loyalty-item-img{margin-bottom: 20px; position: absolute; top:30px; right: 0}
.loyalty-item-img img{width: 80px; margin: auto; }

.loyalty-item-text{ }
.loyalty-item-text h2{ display: flex; align-items: center; min-height: 80px;  font-size: 20px; text-transform: unset; font-weight: bold; color: #004F38; padding-right: 80px; margin-bottom: 15px;}
.loyalty-item-text p{ margin-bottom: 10px;}
.loyalty-item-button{ padding-top: 10px;}
.loyalty-item .button{ border: none; color: #fff; background-color: #004F38; width: 260px}
.loyalty-item .button--wa .svg-icon{ fill: #fff}

.loyalty-item-button .button--black{  display: none}
.loyalty-item ul li {display: flex;gap: 20px;margin-bottom: 20px;line-height: 1.61em;}
.loyalty-item ul li:before {content: "";display: block;flex-basis: 16px;height: 11px;min-width: 16px;background-image: url(../../../assets/images/checked.svg);background-repeat: no-repeat;background-position: center;background-size: contain;margin-top: 8px;}

@media only screen and (min-width: 600px) {
    .page.loyalty h1{ font-size: 24px;}
    .loyalty-item-text h2{ font-size: 22px;}
}

@media only screen and (min-width: 768px) {
    .loyalty-item{ display: flex;}
    .loyalty-item-text{ flex-basis: 50% }
    .loyalty-item-text h2{ min-height: unset; padding-right: 0; margin-bottom: 20px; text-align: left}
    .loyalty-item-img{margin:0; position: relative; flex-basis: 50%; display: flex; align-items: center; }
    .loyalty-item-img img{width:280px;}

}

@media only screen and (min-width: 1024px) {
     .page.loyalty h1{ font-size:36px;}
    .loyalty-item{ padding-top: 60px; margin-bottom: 60px;}
    .loyalty-item-text h2{ font-size: 24px;}
    .loyalty-item-img img{width:340px;}
    .loyalty-item-button{ padding-top: 20px;}
    .loyalty-item-button .button--black{ display: flex }
}