@charset "utf-8";

.comments { margin: 10px 0px; }

.comments__item { margin: 20px 0px; font-size: 18px; border-top: 1.5px solid rgb(0, 0, 0); padding-top: 15px; }

.comments__head { display: flex; gap: 20px; }

.comments__user { overflow: hidden; border-radius: 50%; width: 50px; height: 50px; }

.comments__description { margin-top: 20px; }

.comments__date { font-size: 12px; }

.comments__name { font-size: 16px; }

div, img, span { margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; }

*, ::after, ::before { box-sizing: border-box; }

img { display: flex; width: 100%; max-width: 250px; margin: 0px auto; }

a { text-decoration: none; outline: 0px; }

a, a:hover, a:visited { }

a:hover { text-decoration: underline; }

a:focus { outline: dotted thin; }

a:active, a:hover { outline: 0px; }

* { box-sizing: border-box; }

a { color: inherit; font-size: inherit; font-weight: inherit; }

a { outline: 0px; }

a:active, a:focus, a:hover { text-decoration: none; }

.articulo__cuerpo a { color: rgb(0, 95, 245); text-decoration: none; }

.comments__body img { width: 100%; max-width: 400px; }

.order-btn { color: rgb(0, 95, 245); font-size: 25px; text-transform: uppercase; font-weight: bold; display: block; width: fit-content; margin: 1em auto; padding: 15px; border: 2px solid rgb(0, 95, 245); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 15px 1px; text-align: center; animation: 2s ease 0s infinite normal none running animate_grow; }

@media screen and (max-width: 768px) {
  .order-btn { font-size: 24px; padding: 12px; }
}

@media screen and (max-width: 480px) {
  .order-btn { font-size: 20px; padding: 10px; }
}

@keyframes animate_grow { 
  0% { transform: scale3d(1, 1, 1); }
  50% { transform: scale3d(1.05, 1.05, 1.05); }
  100% { transform: scale3d(1, 1, 1); }
}