/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/

/* Your custom css codes start here: */

/* Botão de rota */
.btn-rota{
  background:#33ccff;
  border:none;
  padding:14px 18px;
  border-radius:10px;
  font-weight:bold;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:10px;
  color: #fff;
}

.btn-rota-float{
  position: fixed;
  right: 95px;
  bottom: 20px;
  z-index: 999999;
  box-shadow: 0 8px 20px rgba(0,0,0,0.20);
}

.btn-rota-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: #ffffff;
  color: #33ccff;
  font-weight: 800;
  line-height: 1;
}

.btn-rota-icon svg{
  width: 18px;
  height: 18px;
  display: block;
}

.btn-rota-icon svg path{
  fill: currentColor;
}

.btn-rota-text{
  white-space: nowrap;
}