.rf-home-offer { position: absolute; z-index: 3; top: 50%; right: 28px; transform: translateY(-50%); color: rgb(23, 62, 54); font-family: Arial, sans-serif; letter-spacing: 0px; box-sizing: border-box; text-decoration: none; text-align: center; line-height: 1; }
.rf-home-offer *, .rf-home-offer ::before, .rf-home-offer ::after { box-sizing: border-box; letter-spacing: 0px; }
.rf-home-offer:focus-visible { outline: rgb(23, 65, 139) solid 3px; outline-offset: 5px; }
.rf-home-offer__amount { display: block; font-weight: 800; font-size: 39px; }
.rf-home-offer__off { display: block; font-weight: 700; font-size: 14px; margin-top: 5px; }
.rf-home-offer__action { font-size: 15px; font-weight: 700; white-space: nowrap; }
.rf-home-offer__arrow { margin-left: 5px; font-size: 19px; }
.rf-home-offer { display: flex; align-items: center; gap: 20px; width: 226px; min-height: 78px; padding: 10px 10px 10px 22px; background: rgb(255, 255, 255); border: 1px solid rgb(202, 223, 215); border-radius: 44px; box-shadow: rgba(20, 62, 50, 0.08) 0px 8px 26px; }
.rf-home-offer .rf-home-offer__amount { font-size: 31px; }
.rf-home-offer .rf-home-offer__off { font-size: 11px; margin-top: 3px; }
.rf-home-offer .rf-home-offer__action { display: flex; align-items: center; justify-content: center; flex: 1 1 0%; align-self: stretch; min-height: 54px; padding: 0px 10px; color: rgb(255, 255, 255); background: rgb(23, 107, 86); border-radius: 32px; }
.rf-home-offer__label { display: block; font-size: 11px; font-weight: 700; margin-bottom: 9px; }
@media (min-width: 769px) and (max-width: 1100px) {
.rf-home-offer { right: 22px; }
.rf-home-offer { top: 152px; right: 22px; transform: none; width: 164px; padding: 12px; gap: 10px; flex-direction: column; border-radius: 8px; }
.rf-home-offer .rf-home-offer__value { display: flex; align-items: baseline; gap: 6px; }
.rf-home-offer .rf-home-offer__off { font-size: 13px; }
.rf-home-offer .rf-home-offer__action { min-height: 44px; border-radius: 5px; }
}
@media (max-width: 768px) {
.rf-home-offer { inset: auto auto 16px 16px; transform: none; }
.rf-home-offer { width: 186px; min-height: 54px; gap: 10px; padding: 6px 6px 6px 15px; }
.rf-home-offer .rf-home-offer__amount { font-size: 23px; }
.rf-home-offer .rf-home-offer__off { font-size: 10px; }
.rf-home-offer .rf-home-offer__action { min-height: 40px; font-size: 13px; padding: 0px 8px; }
.rf-home-offer__label { display: none; }
}
@media (max-width: 359px) {
.rf-home-offer { left: 10px; bottom: 3px; }
.rf-home-offer { width: 174px; min-height: 44px; gap: 8px; padding: 4px 9px; }
.rf-home-offer .rf-home-offer__amount { font-size: 22px; }
.rf-home-offer .rf-home-offer__action { font-size: 13px; min-height: 38px; padding: 8px; }
.rf-home-offer__arrow { font-size: 16px; margin-left: 3px; }
}
@media (min-width: 481px) and (max-width: 768px) {
.rf-home-offer { inset: clamp(210px, 120px + 17vw, 248px) 22px auto auto; }
}
@media (min-width: 600px) and (max-width: 768px) {
.rf-home-offer { inset: 152px 22px auto auto; width: 164px; min-height: 0px; transform: none; padding: 12px; gap: 10px; flex-direction: column; border-radius: 8px; }
.rf-home-offer .rf-home-offer__value { display: flex; align-items: baseline; gap: 6px; }
.rf-home-offer .rf-home-offer__amount { font-size: 31px; }
.rf-home-offer .rf-home-offer__off { font-size: 13px; }
.rf-home-offer .rf-home-offer__action { min-height: 44px; font-size: 15px; padding: 0px 10px; border-radius: 5px; }
}
@media (max-width: 480px) {
.rf-home-offer { top: calc(200px + 102vw); bottom: auto; }
}
@media (max-width: 359px) {
.rf-home-offer { top: auto; bottom: 6px; width: 164px; min-height: 44px; gap: 8px; padding: 4px 6px 4px 12px; }
.rf-home-offer .rf-home-offer__action { min-height: 34px; padding: 0px 7px; font-size: 12px; }
}