.discount-code { border-bottom: 1px dotted #a5a5a5; margin-top: 20px; padding-bottom: 20px; h2 { font-family: numeralMedium; color: #2580ec; } p { font-family: numeralLight; color: #a5a5a5; letter-spacing: -1px; } &__box { border: 1px solid #2b95ff; padding: 5px; border-radius: 10px; input { color: #2b95ff; font-family: numeralLight; text-align: center; padding: 0px; border-radius: 10px; border: 0px; flex: 1; direction: ltr; &:focus { outline: none; } } button { border-radius: 10px; background-color: #2b95ff; font-family: numeralLight; color: white; padding: 5px 5px; border: 0px; width: 80px; } } } .mobile-discount-code { border-bottom: 1px dotted #a5a5a5; margin-top: 20px; padding-bottom: 20px; h2 { font-family: numeralMedium; color: #2580ec; } p { font-family: numeralLight; color: #a5a5a5; letter-spacing: -1px; } &__box { border: 1px solid #2b95ff; padding: 5px; border-radius: 10px; input { color: #2b95ff; font-family: numeralLight; text-align: center; padding: 5px; border-radius: 10px; border: 0px; flex: 1; direction: ltr; &:focus { outline: none; } } button { border-radius: 10px; background-color: #2b95ff; font-family: numeralLight; color: white; padding: 10px 20px; border: 0px; } } }