.currency-wrap {
  display: flex;
  width: auto;
  flex-wrap: nowrap;
  overflow-x: hidden;
  overflow-y: hidden;
}
.currency-wrap .currency-box {
  display: flex;
}
[dir] .currency-wrap .currency-box {
  padding: 0 40px 30px;
}
.currency-wrap .currency-box .symbol {
  width: 3.5rem;
  height: 3.5rem;
  line-height: 3.5rem;
  font-size: 20px;
  color: #fff;
}
[dir] .currency-wrap .currency-box .symbol {
  text-align: center;
  border-radius: 5px;
  margin: 0 10px;
  background: #c4c3c7;
}
[dir] .currency-wrap .currency-box .symbol.USD {
  background: #f05050;
}
[dir] .currency-wrap .currency-box .symbol.GBP {
  background: #7266ba;
}
[dir] .currency-wrap .currency-box .symbol.EUR {
  background: #23b7e5;
}
[dir] .currency-wrap .currency-box .symbol.BRL {
  background: #27c24c;
}
[dir] .currency-wrap .currency-box .symbol.MXN {
  background: #adca06;
}
[dir] .currency-wrap .currency-box .symbol.CLP {
  background: #5034ec;
}
[dir] .currency-wrap .currency-box .symbol.COP {
  background: #ed607f;
}
[dir] .currency-wrap .currency-box .symbol.PEN {
  background: #177da8;
}
[dir] .currency-wrap .currency-box .symbol.ARS {
  background: #a7ef69;
}
[dir] .currency-wrap .currency-box .symbol.RUB {
  background: #33dce8;
}
[dir] .currency-wrap .currency-box .symbol.TRY {
  background: #dc33e8;
}
.currency-wrap .currency-box .amount-box .amount {
  font-size: 16px;
  font-weight: 600;
}
[dir] .currency-wrap .currency-box .amount-box .amount {
  margin-bottom: 0.5rem;
  padding-top: 0.35rem;
}
.currency-wrap .currency-box .amount-box .currency {
  font-size: 12px;
}
[dir] .currency-wrap .currency-box .amount-box .currency {
  margin-top: -0.5rem;
  margin-bottom: 0;
}