.button {
    width: 100%;
    min-width: 230px;
    height: 68px;
  	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.59);
  	transition: all .3s;
  	border: none;
  	cursor: pointer;
  	user-select: none;
}

.button img {
  margin: 0;
}

.button.loading {
  	background-color: rgb(63, 107, 240);
  	cursor: default;
}

.button-xbox {
    background: linear-gradient(180deg, rgba(35,124,35,1) 0%, rgba(44,102,42,1) 100%);
}

.button-xbox:hover {
    background: linear-gradient(180deg, rgb(57, 205, 57) 0%, rgb(48, 133, 45) 100%);
}

.button-ps {
    background: linear-gradient(180deg, rgba(14,58,140,1) 0%, rgba(26,51,97,1) 100%);
}

.button-ps:hover {
  	background: linear-gradient(180deg, rgb(28, 134, 213) 0%, rgb(27, 75, 164) 100%); 
}

.button-subscribe {
  	width: auto;
  	min-width: 300px;
  	padding: 0 40px;
  	background-color: rgba(0, 0, 0, 0.3);
    border: 7px solid #ff8500;
}

.button-subscribe:hover {
  	background-color: rgba(255, 255, 255, 0.2);
}

.button-subscribe span {
  	color: #ffffff;
  	font-size: 30px;
  	letter-spacing: 0.5px;
  	font-weight: 700;
}

@media screen and (max-width: 600px) {
  .button {
  	max-width: 280px;
  }
}