.taggd {
  position: relative;
}

.taggd__image {
  display: block;
  height: auto;
  width: 100%;
  margin: 0;
}

.taggd__wrapper {
  display: block;
  height: 1em;
  width: 1em;
  position: absolute;
}

/* Châu sửa lại ngày 04/12 - */
.taggd__button {
    background: transparent;
    width: 1rem;
    height: 1rem;
    border: 3px solid;
    border-color: red;
    border-radius: 50%;
    animation-name: example, slide-in;
    animation-duration: 3s;
    animation-iteration-count: infinite, 1; /*infinite là cho .example, còn 1 là cho .slide-in*/
}
@keyframes example {
    0% {
        border-color: red;
    }

    25% {
        border-color: yellow;
    }

    50% {
        border-color: blue;
    }

    100% {
        border-color: white;
    }
    /*from {border-color:red;}
  to {border-color:blue;}*/
}
/**/
@keyframes slide-in {
    from {translate: 100vw 0; scale: 100% 1;}
    to {translate: 0 0; scale: 100% 1;}
}

    /*.taggd__button {
    display: block;
    height: 1rem;
    width: 1rem;
    margin-left: -.5rem;
    margin-top: -.5rem;
    border-radius: .5rem;
    background-color: rgba(219, 50, 92, 0.75);
    /*
    display: block;
    height: 100%;
    width: 100%;
    padding: 0;
    border: 0;
    margin: 0;
    background-color: rgba(219, 50, 92, 0.75);
    background-image: none;
    text-align: left;
    * /
}
*/
    .taggd__popup {
    display: block;
    padding: .75rem;
    position: absolute;
    left: 50%;
    top: 125%;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: rgba(219, 50, 92, 0.75);
    transform: translateX(-50%);
    
    /*position: absolute;
  left: 0;*/
}