.swaps-footer { width: 100%; &--warning { .btn-primary { background: var(--Red-500); border-color: var(--Red-500); } } @media screen and (max-width: $break-small) { &--border { .swaps-footer__custom-page-container-footer-class { border-top: 1px solid #d2d8dd; } } } &__custom-page-container-footer-class { border-top: none; @media screen and (min-width: $break-large) { height: 96px; } } &__custom-page-container-footer-button-class { border-radius: 100px; height: 39px; width: 140px; &--single { width: 307px; } } &__bottom-text { @include H7; color: var(--color-primary-default); margin-bottom: 16px; cursor: pointer; display: flex; justify-content: center; @media screen and (min-width: $break-large) { margin-top: 0; } } }