/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 31 2026 | 18:16:00 */
@use 'bootstrap-variables';
@use 'bootstrap-mixins';


/* Buttons */

.btn,
button,
input[type="submit"] {
	background-color: var(--button-bg-color, var(--button-primary-bg-color));
	color: var(--button-text-color, var(--button-primary-text-color));
	padding: 10px 20px;
	border: var(--button-border-width, 0px) solid var(--button-border-color, transparent);
	border-radius: var(--button-border-radius, 30px);
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	@include transition;

	@media (pointer: fine) {
		&:hover,
		&:focus {
			background-color: var(--button-hover-bg-color, var(--button-primary-hover-bg-color));
			color: var(--button-hover-text-color, var(--button-primary-hover-text-color));
		}
	}
}

.btn--secondary {
	--button-bg-color: var(--button-secondary-bg-color);
	--button-text-color: var(--button-secondary-text-color);
	--button-hover-bg-color: var(--button-secondary-hover-bg-color);
	--button-hover-text-color: var(--button-secondary-hover-text-color);
}