#ls-guestapp-widget{
    position: fixed;
    bottom: 5rem;
    right:1rem;
    z-index: 99;
    width: 10rem;
    height: 10rem;
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background:#fff;
    color: inherit;
    text-decoration: none;
    padding:.5rem;
    border:.25rem solid var(--wp--preset--color--guestapp-tonic);
    transition:0.2s ease-in-out 0.2s;
}

a#ls-guestapp-widget.minified:not(:hover) {
    transform: translateX(calc(100% + 1rem));
}

#ls-guestapp-widget::after {
    content: "";
    width: 4rem;
    height: 3rem;
    background: var(--wp--preset--color--guestapp-tonic);
    border:.125rem solid #fff;
    position: absolute;
    right: 100%;
    border-radius: 1rem 0 0 1rem;
    background-image: url('/wp-content/plugins/ls-guestapp/assets/img/guest-app.png');
    background-size: 2rem;
    background-position: center;
    background-repeat: no-repeat;
    transform: translateX(100%);
    transition:0.2s ease-in-out 0.2s;
    opacity: 0;
}

a#ls-guestapp-widget.minified:not(:hover)::after {
    transform: translateX(0%);
    opacity: 1;
}

.ls-guestapp-widget__rate::after{
    content:"/10";
    font-size: 65%;
    display: inline-block;
    vertical-align: baseline;
}

.ls-guestapp-widget__rate {
  font-size: 1.5rem;
  font-weight: bold;
}

.ls-guestapp-widget__total_reviews {
    font-size: .75rem;
    margin-top: .5rem;
}

#ls-guestapp-widget .ls-guestapp-widget__stars {
    display: flex;
    position: relative;
    gap: 0.125rem;
    margin-top: 0.5rem;
    width: -moz-fit-content;
    width: fit-content;
  }

  #ls-guestapp-widget .ls-guestapp-widget__stars span {
    width: 0.75rem;
    height: 0.75rem;
    display: block;
    border: 0.05rem solid;
    border-radius: 100%;
  }

  #ls-guestapp-widget .ls-guestapp-widget__stars__filled {
    position: absolute;
    left: 0;
    overflow: hidden;
  }

  #ls-guestapp-widget .ls-guestapp-widget__stars__filled > div {
    display: flex;
    gap: 0.125rem;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }

  #ls-guestapp-widget .ls-guestapp-widget__stars__filled span {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/var(--wp--preset--color--guestapp-tonic)+80,fff+80 */
    background: var(--wp--preset--color--guestapp-tonic); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, var(--wp--preset--color--guestapp-tonic) 50%, #fff 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="var(--wp--preset--color--guestapp-tonic)", endColorstr="#fff",GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }