blueberry-pma-theme/blueberry/scss/_buttons.scss

.btn:focus, .btn.focus {
	box-shadow: none;
}

.btn-primary {
	font-weight: $font-weight-bold;
	min-width: 6vw;
}

// fieldset table a,
// .btn,
.btn-primary,
.btn-secondary,
.btn-outline-secondary {
	display: inline-block;
	position: relative;
	// font-size: 15px;
	text-align: center;
	line-height: normal;
	padding: 5px 10px;
	max-width: 100%;
	background: $Color-Azure;
	color: $Color-White;
	border-radius: 3vw;
	border: 1px solid $Color-Azure;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-appearance: none;
	text-decoration: none;
	outline: 0;
	transition: all 0.25s cubic-bezier(0.53, 0.01, 0.35, 1.5);
	vertical-align: middle;
	margin: 6px;


	&:disabled {
		// background-color: $Color-Text-Secondary-Dark;
		// border-color: $Color-Text-Secondary-Dark;
		opacity: 0.75;
		cursor: default;
	}
	&:hover {
		background: $Color-Azure;
		color: $Color-White;
		border: 1px solid $Color-Azure;
		box-shadow: inset 0 0 10vw 10vw rgb(255 255 255 / 20%);
	}
	&:not(:disabled):not(.disabled):focus,
	&:not(:disabled):not(.disabled):active,
	&:not(:disabled):not(.disabled):active:focus {
		background: $Color-White;
		color: $Color-Azure;
		border: 1px solid $Color-Azure;
		box-shadow: inset 0 0 10vw 10vw rgb(255 255 255 / 20%);
	}
}

.btn-outline-secondary {
	background: none;
	color: $Color-White;
	border: 1px solid $Color-White;
}

.btn-link {
	padding: 0.375rem 0.5rem;
}