.bg-1 {
	color: rgb(55, 71, 79); margin-top: 20px;
}
.bg-2 {
	background: rgb(121, 134, 203); color: rgb(236, 239, 241);
}
.bg-3 {
	background: rgb(55, 71, 79); color: rgb(255, 255, 255);
}
.button {
	padding: 1em 2em; border: currentColor; color: inherit; vertical-align: middle; display: block; position: relative; z-index: 1; min-width: 150px; max-width: 250px; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;
}
.button:focus {
	
}
.button > span {
	vertical-align: middle;
}
.bg-1 .button {
	border-color: rgb(186, 155, 72); color: rgb(186, 155, 72);
}
.bg-2 .button {
	border-color: rgb(236, 239, 241); color: rgb(236, 239, 241);
}
.bg-3 .button {
	border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);
}
.button--size-s {
	font-size: 14px;
}
.button--size-m {
	font-size: 16px;
}
.button--size-l {
	font-size: 18px;
}
.button--wapasha.button {
	background: rgb(0, 110, 170); color: rgb(255, 255, 255); -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s;
}
.button--inverted.button--wapasha {
	background: rgb(255, 255, 255); color: rgb(55, 71, 79);
}
.button--wapasha::before {
	border-radius: inherit; border: 2px solid rgb(63, 81, 181); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: -1; content: ""; opacity: 0; -webkit-transform: scale3d(0.6, 0.6, 1); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; transform: scale3d(0.6, 0.6, 1); -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--inverted.button--wapasha::before {
	border-color: rgb(121, 134, 203);
}
.button--wapasha:hover {
	color: rgb(63, 81, 181); background-color: rgb(255, 255, 255);
}
.button--inverted.button--wapasha:hover {
	color: rgb(121, 134, 203); background-color: rgb(55, 71, 79);
}
.button--wapasha:hover::before {
	opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
}
.button--saqui.button {
	background: rgb(55, 71, 79); color: rgb(255, 255, 255); overflow: hidden; -webkit-transition: background-color 0.3s ease-in, color 0.3s ease-in; transition: background-color 0.3s ease-in, color 0.3s ease-in;
}
.button--inverted.button--saqui {
	background: rgb(255, 255, 255); color: rgb(55, 71, 79);
}
.button--saqui::after {
	padding: 1em 2em; left: 0px; top: 0px; width: 100%; height: 100%; color: rgb(55, 71, 79); position: absolute; content: attr(data-text); -webkit-transform: rotate3d(0, 0, 1, 45deg); -webkit-transition: -webkit-transform 0.3s ease-in; transition: transform 0.3s ease-in; transform: rotate3d(0, 0, 1, 45deg); -webkit-transform-origin: -25% 50%; transform-origin: -25% 50%;
}
.button--inverted.button--saqui::after {
	color: rgb(255, 255, 255);
}
.button--saqui:hover::after {
	-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
.button--saqui:hover {
	-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
.button--saqui:hover {
	color: rgb(121, 134, 203); background-color: rgb(0, 104, 183);
}
.button--inverted.button--saqui:hover {
	color: rgb(63, 81, 181); background-color: rgb(0, 104, 183);
}
.button--saqui:hover::after {
	-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);
}
.button--ujarak {
	-webkit-transition: border-color 0.4s, color 0.4s; transition: border-color 0.4s, color 0.4s;
}
.button--ujarak::before {
	background: rgb(151, 39, 39); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: -1; content: ""; opacity: 0; -webkit-transform: scale3d(0.7, 1, 1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; transform: scale3d(0.7, 1, 1); -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--round-s.button--ujarak::before {
	border-radius: 2px;
}
.button--inverted.button--ujarak::before {
	background: rgb(121, 134, 203);
}
.button--ujarak {
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--ujarak::before {
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--ujarak:hover {
	border-color: rgb(55, 71, 79); color: rgb(255, 255, 255);
}
.button--inverted.button--ujarak:hover {
	border-color: rgb(255, 255, 255); color: rgb(55, 71, 79);
}
.button--ujarak:hover::before {
	opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
}