.btn { display: inline-flex; font-size: 15px; padding: 14px 30px; line-height: 20px; border: 1px solid; font-weight: 500; border-radius: 3px; text-decoration: none; white-space: nowrap; text-align: center; justify-content: center; &.contained { color: #fff; } &.outlined { } &.btnDefault { border-color: #EBEBEB; &.outlined { color: #000000; } } &.btnPrimary { border-color: $colorPrimary; &.contained { background-color: $colorPrimary; } } &.btnSecondary { border-color: $colorSecondary; &.contained { background-color: $colorSecondary; } } } .btnHolder { &.twoBtn { display: flex; & > * + * { margin-left: 15px; } } }