/* Estilo base */
.btn-rtv {
  font-size: 15px;
  color: white;
  border-radius: 10px;
  padding: 6px 25px;
  background: #555f93;
  background-image: -webkit-linear-gradient(top, #555f93, #9500ff);
  background-image: -moz-linear-gradient(top, #555f93, #9500ff);
  background-image: -ms-linear-gradient(top, #555f93, #9500ff);
  background-image: -o-linear-gradient(top, #555f93, #9500ff);
  background-image: linear-gradient(to bottom, #555f93, #9500ff);
  text-decoration: none;
}

.cover {
  width: 3em;
  margin: -1.2em 2em;
  color: white;
  border-radius: 6px;
  padding: 6px;
  background: #555f93;
  background-image: -webkit-linear-gradient(top, #555f93, #9500ff);
  background-image: -moz-linear-gradient(top, #555f93, #9500ff);
  background-image: -ms-linear-gradient(top, #555f93, #9500ff);
  background-image: -o-linear-gradient(top, #555f93, #9500ff);
  background-image: linear-gradient(to bottom, #555f93, #9500ff);
  text-decoration: none;
}

body {
  background-color: white;
  color: #fff;
}

/* Media Query para dispositivos móviles */
@media (max-width: 768px) {
  .btn-rtv {
    font-size: 12px;
    padding: 5px 20px;
  }

  .cover {
    width: 2.5em;
    margin: -1em 1.5em;
  }

  
}

/* Media Query para dispositivos de escritorio */
@media (min-width: 769px) {
  .btn-rtv {
    font-size: 18px;
    padding: 8px 40px;
  }

  .cover {
    width: 3.5em;
    margin: -1.5em 2.5em;
  }


}