/* Mobile */
  @media (max-width: 767px) {
      /* Mobile */
    .button-accent-color, .rapple{font-size: 14px;}      
    .top-tag-sm span {width: 100%;border-bottom: 1px solid hsl(var(--accent-color-hls) / .4);padding-bottom: .5rem;}
    .top-tag-sm span:last-child {border-bottom: none;padding-bottom: 0;}
      /* blog */
    .ptb-sm-15{padding-top: 15px; padding-bottom: 15px;}
    /*  min Height */
.sm-min-vh-25 { min-height: 25vh !important; }
.sm-min-vh-50 { min-height: 50vh !important; }
.sm-min-vh-70 { min-height: 70vh !important; }
.sm-min-vh-75 { min-height: 75vh !important; }
.sm-min-vh-100 { min-height: 100vh !important; }
  }

  /* Appeler maintenant */
  .btn-call-mobile {
    position: fixed;
    right: 20px;
    bottom: calc(20px + env(safe-area-inset-bottom, 0px));
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: hsl(var(--bg-golden-beige-hls)); /* your accent color */
    color: hsl(var(--text-blue-gray-hls));     /* your primary color */
    z-index: 9998;
    text-decoration: none;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    transition: transform .2s ease;
}

.btn-call-mobile:active {
    transform: scale(.95);
}

.btn-call-mobile i {
    font-size: 1.6rem;
    position: relative;
    z-index: 2;
}

.btn-call-ping {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 2px solid hsl(var(--bg-golden-beige-hls) / .4);
    animation: ping 1.5s infinite;
}
.animate-ping {
  animation:ping 1s cubic-bezier(0,0,.2,1) infinite;
}
@keyframes ping {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    75%, 100% {
        transform: scale(1.5);
        opacity: 0;
    }
}