.ptcm-fab {
	display: none;
}

@media (max-width: 768px) {
	.ptcm-fab {
		position: fixed;
		left: 16px;
		bottom: calc(16px + env(safe-area-inset-bottom, 0px));
		z-index: 999999;
		display: flex;
		flex-direction: column;
		gap: 12px;
	}
}

.ptcm-fab__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background-color: #001a57;
	color: #ffffff;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
	text-decoration: none;
}

.ptcm-fab__btn:hover,
.ptcm-fab__btn:focus-visible {
	background-color: #00174d;
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
}

.ptcm-fab__btn:active {
	transform: scale(0.92);
}