/* Button-style links and actual buttons. Together for convenience */

.button,
button,
input.form-submit,
input.form-reset {
	display: inline-block;
	text-align: center;
	border-width: 2px;
	border-style: solid;
	border-radius: 2px;
	padding: 0.75rem 1.5rem;
}

a.button:link,
a.button:visited {
	text-decoration: none;
}

a.button.button-ghost:link,
a.button.button-ghost:visited,
button.button-ghost {
	background-color: transparent;
}

.button.button-close {
	padding: 0.25rem;
	border-radius: 5px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

/* Image buttons */

a.image-button {
	border: 2px solid transparent;
	display: inline-block;
}

a.image-button:link,
a.image-button:visited {
	text-decoration: none;
}

a.image-button:hover,
a.image-button:active,
a.image-button:focus {
	background: transparent;
	border-color: inherit;
}

a.image-button img {
	border: 2px solid;
	border-radius: 3px;
	float: left;
}

button + button,
.button + .button,
.image-button + .image-button {
	margin-top: 1rem;
	margin-left: 0.5rem;
}

/* Set of two buttons */

.buttons-two {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

.buttons-two > * {
	flex: 1 1 auto;
	margin-bottom: 0.5rem;
}

.buttons-two button + button,
.buttons-two .button + .button {
	margin-top: 0;
	margin-left: 0.2rem;
}

.buttons-two button:first-child,
.buttons-two .button:first-child {
	border-radius: 2px 0 0 2px;
}

.buttons-two button:last-child,
.buttons-two .button:last-child {
	border-radius: 0 2px 2px 0;
	margin-right: 0;
}

.buttons-two button:first-child:last-child,
.buttons-two .button:first-child:last-child {
	border-radius: 2px;
}
.button-as-link{
	background: none!important;
    border: none;
    padding: 0!important;
    text-decoration: underline;
    cursor: pointer;
    color: #00475f;
}