.Button1427330611__root {
  -st-extends: Button;
  -st-states: skin(enum(standard, white, destructive, premium)), priority(enum(primary, secondary)), size(enum(large, medium, small, tiny));

  box-sizing: border-box;

  display: flex;
  justify-content: center;
  align-items: center;

  border-radius: 18px; /* common to all but large */

  cursor: pointer;
}

.Button1427330611__text {
  -st-extends: Text;
}
/*skins ans priority*/

.Button1427330611__root.Button1427330611---skin-8-standard.Button1427330611---priority-7-primary {
  background-color: #3899EC;
  border-color: #3899EC;
}

.Button1427330611__root.Button1427330611---skin-8-standard.Button1427330611---priority-9-secondary {
  background-color: transparent;
  border-color: #3899EC;
}

.Button1427330611__root.Button1427330611---skin-8-standard.Button1427330611---priority-9-secondary .Button1427330611__text{
  color: #3899EC;
}

.Button1427330611__root.Button1427330611---skin-8-standard.Button1427330611---priority-9-secondary:hover .Button1427330611__text{
  color: #FFFFFF;
}

.Button1427330611__root.Button1427330611---skin-5-white.Button1427330611---priority-7-primary {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}

.Button1427330611__root.Button1427330611---skin-5-white.Button1427330611---priority-9-secondary {
  background-color: transparent;
  border-color: #FFFFFF;
}

.Button1427330611__root.Button1427330611---skin-5-white.Button1427330611---priority-9-secondary:hover .Button1427330611__text{
  color: #3899EC
}

.Button1427330611__root.Button1427330611---skin-11-destructive.Button1427330611---priority-7-primary {
  background-color: #EE5951;
  border-color: #EE5951;
}

.Button1427330611__root.Button1427330611---skin-11-destructive.Button1427330611---priority-9-secondary {
  background-color: transparent;
  border-color: #EE5951;
}

.Button1427330611__root.Button1427330611---skin-7-premium.Button1427330611---priority-7-primary {
  background-color: #AA4DC8;
  border-color: #AA4DC8;
}

.Button1427330611__root.Button1427330611---skin-7-premium.Button1427330611---priority-9-secondary {
  background-color: transparent;
  border-color: #AA4DC8;
}

/*hover*/
.Button1427330611__root.Button1427330611---skin-8-standard.Button1427330611---priority-9-secondary:hover, .Button1427330611__root.Button1427330611---skin-8-standard.Button1427330611---priority-7-primary:hover {
  background-color: #4EB7F5;
  border-color: #4EB7F5;
}

.Button1427330611__root.Button1427330611---skin-5-white.Button1427330611---priority-7-primary:hover, .Button1427330611__root.Button1427330611---skin-5-white.Button1427330611---priority-9-secondary:hover {
  background-color: #EAF7FF;
  border-color: #EAF7FF;
}

.Button1427330611__root.Button1427330611---skin-11-destructive.Button1427330611---priority-7-primary:hover, .Button1427330611__root.Button1427330611---skin-11-destructive.Button1427330611---priority-9-secondary:hover {
  background-color: #FF6666;
  border-color: #FF6666;
}

.Button1427330611__root.Button1427330611---skin-7-premium.Button1427330611---priority-7-primary:hover, .Button1427330611__root.Button1427330611---skin-7-premium.Button1427330611---priority-9-secondary:hover {
  background-color: #CD68ED;
  border-color: #CD68ED;
}

/*size*/

.Button1427330611__root.Button1427330611---size-5-large {
  height: 42px;
  border-radius: 24px;
  padding-right: 30px;
  padding-left: 30px;
}

.Button1427330611__root.Button1427330611---size-6-medium {
  height: 36px;
  padding-right: 24px;
  padding-left: 24px;
}

.Button1427330611__root.Button1427330611---size-5-small {
  height: 30px;
  padding-right: 18px;
  padding-left: 18px;
}

.Button1427330611__root.Button1427330611---size-4-tiny {
  height: 24;
  padding-right: 12px;
  padding-left: 12px;
}