:host {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  /* fix for IE11 */
  display: -ms-grid;
  -ms-grid-columns: 1fr 1fr; }

:host.two-side et-rate-button.bid {
  padding-right: 1px; }

:host.two-side et-rate-button.ask {
  padding-left: 1px; }

:host.one-side {
  grid-template-columns: 1fr;
  /* fix for IE11 */
  -ms-grid-columns: 1fr; }
  :host.one-side .askRateBtn {
    /* fix for IE11 */
    -ms-grid-column: 1; }

.twoway-btn {
  position: absolute;
  width: 40px;
  height: 18px;
  font-size: 12px;
  font-weight: 700;
  background-color: #4B4B53;
  left: calc(50% - 20px);
  bottom: 0;
  color: #ffffff !important;
  opacity: 1; }
  .twoway-btn.stale {
    color: #86868a !important; }

.icon-make-fullscreen {
  transform: rotate(45deg);
  display: none; }

.twoway-btn:not([disabled]):hover .icon-make-fullscreen {
  display: block; }

.twoway-btn:not([disabled]):hover .spread {
  display: none; }

:host.hide-spread .icon-make-fullscreen {
  display: block; }

:host.hide-spread .spread {
  display: none; }

.bidRateBtn {
  /* fix for IE11 */
  -ms-grid-column: 1;
  -ms-grid-column-span: 1; }

.askRateBtn {
  /* fix for IE11 */
  -ms-grid-column: 2;
  -ms-grid-column-span: 1; }