.translation-main { flex-direction: column; text-align: left; .original { padding: 14px; } .translation { padding: 10px; border-top: 1px solid #dddddd; } } .btn-box { width: 100%; height: 40px; border-top: 1px solid #dddddd; display: flex; ul { width: 100%; li { width: 50%; height: 100%; display: inline-block; text-align: center; align-items: center; font-size: 13px; border-right: 1px solid #dddddd; &:last-child { border-right: none; } .mat-button { width: 100%; height: 100%; display: block; padding: 0px 6px 4px; } } &.expired { li { width: 100%; white-space: nowrap; color: #999999; align-items: center; line-height: 40px; } } } } .translation-main { .language { padding: 0px 6px 4px; background-color: #222222; border-radius: 4px; font-size: 1em; color: #fff; margin-top: -4px; margin-right: 6px; transform: translateY(-2px); } }