.cm__body {
  padding: 15px !important;
}

button.cm__btn[data-role="all"],
button.pm__btn[data-role="all"] {
  background-color: #223e7f !important;
  border-color: #223e7f !important;
  border-radius: 0 !important;
  color: #fff !important;
  transform: skewX(20deg) !important;
  -ms-transform: skewX(20deg) !important;
  -moz-transform: skewX(20deg) !important;
  -webkit-transform: skewX(20deg) !important;
  -o-transform: skewX(20deg) !important;
}

button.cm__btn[data-role="necessary"],
button.pm__btn[data-role="necessary"] {
  background-color: #fff !important;
  border-color: #fff !important;
  color: #30363c !important;
  transform: skewX(20deg) !important;
  -ms-transform: skewX(20deg) !important;
  -moz-transform: skewX(20deg) !important;
  -webkit-transform: skewX(20deg) !important;
  -o-transform: skewX(20deg) !important;
}
button.cm__btn[data-role="necessary"] span,
button.pm__btn[data-role="necessary"] span,
button.cm__btn[data-role="all"] span,
button.pm__btn[data-role="all"] span,
#cc-main .cm__btn--secondary span {
  display: inline-block !important;
  transform: skewX(-20deg) !important;
  -ms-transform: skewX(-20deg) !important;
  -moz-transform: skewX(-20deg) !important;
  -webkit-transform: skewX(-20deg) !important;
  -o-transform: skewX(-20deg) !important;
  transform-origin: center center !important;
}
button.cm__btn[data-role="all"]:hover,
button.pm__btn[data-role="all"]:hover {
  background-color: #da622b !important;
  border-color: #da622b !important;
}
#cc-main .cm__btn--secondary {
  transform: skewX(20deg) !important;
  -ms-transform: skewX(20deg) !important;
  border-radius: 0 !important;
  -moz-transform: skewX(20deg) !important;
  -webkit-transform: skewX(20deg) !important;
  -o-transform: skewX(20deg) !important;
}
@media only screen and (max-width: 991px) {
  .cm {
    padding: 20px !important;
  }
  button.cm__btn[data-role="all"] {
    margin-top: 10px !important;
  }
}