.select, .select2 {
    position: relative;
    z-index: 1;
    display: block;
    height: 100%;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    color: transparent;
  }
  .select, .select2 {
      position: static;
      display: inline-block;
      height: auto;
      padding: 1.3em 2em;
      color: #ff1d58;
      border-radius: 8px;
      border: 2px solid #ff1d58;
      font-size: 1.8rem;
      text-indent: 0;
      text-transform: uppercase;
      letter-spacing: 2px;
    transition: all .6s;
    width: auto;
  }
  .no-touch .select:hover {
      background-color: #ff1d58;
    color: #ffffff;
  }
  .select {
      background-color: #ff1d58;
      color: #ffffff;
  }
    
  .no-touch .exclusive .select:hover {
      background-color: #ff5c87;
  }
    
  .secondary-theme .exclusive .select {
      background-color: #1bbc9d;
  }
    
  .no-touch .secondary-theme .exclusive .select:hover {
      background-color: #112e3c;
  }
    
  .has-margins .select {
      display: block;
      padding: 1.7em 0;
      border-radius: 0 0 4px 4px;
  }