.button > br{
	display:none;
}

.button.button--fill {
    -moz-appearance: none;
    -webkit-appearance: none;
	
	cursor: pointer;

    /* base color */
    appearance: none;

    /* Will need the vendor specific tags*/
    background-color: transparent;
    border: none;


    font-size: 1em;
    text-transform: uppercase;

    -o-transition: 1s all;
    -webkit-transition: 1s all;
    transition: 1s all;
	
	white-space: nowrap;
}

.button.button--big, 
.button.button--fill.button--big {
	font-size: 2em !important;
	line-height: 2.1 !important;
	padding: 0 !important;
}

.button.button--medium,
.button.button--fill.button--medium{
	font-size: 2em !important;
}

.button.button--fill .button__span {
	font-size: 1em !important;
}

.button.button--fill.button--big::before,
.button.button--fill.button--big::after {
	height: 0.55em;
}

.button.button--blue{
	color: #1D1160;
}

.button.button--white{
    color: #eee;
}

.button.button--fill > .button__span {
    font-weight: bold;
}

.button.button--fill::before,
.button.button--fill::after {
    background-color: #eee;
    content: '';
    display: block;
    height: 1em;
    -webkit-mask-image: url(../images/swirl.svg);

    mask-image: url(../images/swirl.svg);

    -webkit-mask-position: center;
    mask-position: center;

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-size: 100%;
    mask-size: 100%;

    position: relative;
    -o-transition: 1s all;

    /* quick fade transition */
    -webkit-transition: 1s all;
    transition: 1s all;
    width: 100%;
}

.button.button--fill::before {
/*     margin-bottom: 2px; */
}

/* because it was weirdly close to bottom of the text*/
.button.button--fill::after {
/*     margin-top: 5px; */
}

.button.button--fill:hover {
    color: #1D1160;
}

.button.button--fill:hover::before,
.button.button--fill:hover::after {
    background-color: #1D1160;
}

.button.button--fill:hover::after {
    margin-top: 0px;
}

.button.button--fill:hover::before {
    margin-bottom: 0px;
}

.ls-layer .button.button--fill.button--big {
/*     position: absolute; */
/*     left: -50%; */
}
