.brk-btn-aqua{
	 font-family: "Dosis", sans-serif;
	 position: relative;
	 background: none;
	 color: aqua !important;
	 text-transform: uppercase;
	 text-decoration: none !important;
	 border: 0.2em solid aqua;
	 padding: 0.5em 1em;
}
 .brk-btn-aqua::before {
	 content: "";
	 display: block;
	 position: absolute;
	 width: 10%;
	 background: #222;
	 height: 0.3em;
	 right: 20%;
	 top: -0.21em;
	 transform: skewX(-45deg);
	 -webkit-transition: all 0.45s cubic-bezier(0.86, 0, 0.07, 1);
	 transition: all 0.45s cubic-bezier(0.86, 0, 0.07, 1)
}
 .brk-btn-aqua::after {
	 content: "";
	 display: block;
	 position: absolute;
	 width: 10%;
	 background: #222;
	 height: 0.3em;
	 left: 20%;
	 bottom: -0.25em;
	 transform: skewX(45deg);
	 -webkit-transition: all 0.45 cubic-bezier(0.86, 0, 0.07, 1);
	 transition: all 0.45s cubic-bezier(0.86, 0, 0.07, 1);
}
 .brk-btn-aqua:hover::before {
	 right: 80%;
}
 .brk-btn-aqua:hover::after {
	 left: 80%;
}

.brk-btn-red{
	 font-family: "Dosis", sans-serif;
	 position: relative;
	 background: none;
	 color: red;
	 text-transform: uppercase;
	 text-decoration: none !important;
	 border: 0.2em solid red;
	 padding: 0.5em 1em;
}
 .brk-btn-red::before {
	 content: "";
	 display: block;
	 position: absolute;
	 width: 10%;
	 background: #222;
	 height: 0.3em;
	 right: 20%;
	 top: -0.21em;
	 transform: skewX(-45deg);
	 -webkit-transition: all 0.45s cubic-bezier(0.86, 0, 0.07, 1);
	 transition: all 0.45s cubic-bezier(0.86, 0, 0.07, 1);
}
 .brk-btn-red::after {
	 content: "";
	 display: block;
	 position: absolute;
	 width: 10%;
	 background: #222;
	 height: 0.3em;
	 left: 20%;
	 bottom: -0.25em;
	 transform: skewX(45deg);
	 -webkit-transition: all 0.45 cubic-bezier(0.86, 0, 0.07, 1);
	 transition: all 0.45s cubic-bezier(0.86, 0, 0.07, 1);
}
 .brk-btn-red:hover::before {
	 right: 80%;
}
 .brk-btn-red:hover::after {
	 left: 80%;
}