doneit-web/src/app/shared/popover/messages-options/messages-options.page.scss

.container{
  --padding-top:20px !important;
 --padding-bottom:20px !important;
 --padding-start:20px !important;
 --padding-end:20px !important;
}
.arrow-right{
  display: none;
  margin-bottom: 20px;
  .arrow-right-icon{
      width: 37px;
      float: right;
      font-size: 35px;
      overflow: hidden;
  }
}

.buttons{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.solid {
  display: block;
  width: 90%;
  border-top: 1px solid #bbb;
  margin: 10px auto !important;
}

@media only screen and (min-width: 701px) {
  .arrow-right{
      display: flex;
      justify-content: flex-end;
  }
  .btn-cancel{
      //display: none;
      width: 100% !important;
      margin-bottom: 10px !important;
  }
  .btn-cancel:hover, .btn-delete:hover{
    background-color: var(--button-hover);
    color: #fff !important;
  }
  .btn-ok{
    width: 100% !important;
  }
  .btn-delete{
      width: 100% !important;
      margin-bottom: 10px !important;
  }
  .solid{
      display: block;
  }
  .mobile-only{
    display: none !important;
  }

}