* {
    font-family: Lexend;
}

html {
    font-size: 14px;
}

body {
    color: #000;
}

.container, .container-fluid {
    padding-right: 16px;
    padding-left: 16px;
    max-width: 700px;
}

.highlight {
  position: relative;
  display: inline-block;
}

.highlight::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px; /* distancia do texto */
  width: 100%;
  height: 12px; /* altura do rabisco */
  background-image: url('images/rabisco.svg'); /* seu arquivo */
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: -1;
}

.btn-submit-estado {
    transition: all 0.3s ease;
}

.btn-sucesso {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
    animation: pulseSuccess 0.5s ease;
}

@keyframes pulseSuccess {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}