.button-with-img-inside {
  border: none;
  background: none;
  padding: 0.2em 0.4em;
  align-items: center;
  display: flex;
  border-radius: 25px;
  .content-text {
    font-weight: bold;
    font-size: 0.65em;
    margin-left: 0.3em;
    @media screen and (max-width: 500px) {
      display: none;
    }
  }
  .image {
    position: relative;
    background-color: #fff;
    border-radius: 50%;
    height: 1.5em;
    width: 1.5em;
    .svg-image {
      cursor: pointer;
      position: absolute;
      top: 50%;
      width: 0.8em !important;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  }
  &.primary {
    color: white;
    background-color: #0288d1;
  }
  &.success {
    color: white;
    background-color: #38c172;
  }
  &.danger {
    color: white;
    background-color: #e53935;
  }
  &.warning {
    color: white;
    background-color: #ffb515;
  }
}