.offer-box-title {
  color: #171724; }
  .offer-box-title a {
    color: inherit; }
    .offer-box-title a:hover, .offer-box-title a:focus {
      color: #6b39bd; }

.offer-box-text {
  font-size: 1.0625rem; }

* + .offer-box-title {
  margin-top: 14px; }

* + .offer-box-text {
  margin-top: 6px; }

* + .offer-box-button {
  margin-top: 13px; }

.context-dark .offer-box-title {
  color: inherit; }

@media (min-width: 992px) {
  * + .offer-box-title {
    margin-top: 20px; }

  * + .offer-box-text {
    margin-top: 8px; }

  * + .offer-box-button {
    margin-top: 22px; } }
@media (min-width: 1600px) {
  * + .offer-box-title {
    margin-top: 32px; }

  * + .offer-box-text {
    margin-top: 10px; }

  * + .offer-box-button {
    margin-top: 29px; } }
.offer-box-divided {
  padding: 70px 15px;
  box-shadow: 5px 8px 28px rgba(23, 23, 36, 0.1); }
  .offer-box-divided * + .offer-box-divider,
  .offer-box-divided .offer-box-divider + * {
    margin-top: 1.9rem; }
  .offer-box-divided * + .offer-box-btn {
    margin-top: 16px; }

.desktop .offer-box-divided {
  box-shadow: none;
  transition: all 0.2s ease-in-out; }
  .desktop .offer-box-divided:hover {
    box-shadow: 5px 8px 28px rgba(23, 23, 36, 0.1); }

@media (min-width: 576px) {
  .offer-box-divided {
    padding: 100px 20px; } }
@media (min-width: 1200px) {
  .offer-box-divided {
    padding: 150px 50px; } }
@media (min-width: 1600px) {
  .offer-box-divided * + .offer-box-title {
    margin-top: 25px; } }