button {
  all: unset;
  pointer-events: all;
  cursor: pointer;
}

.btn-angle {
  display: flex;
  position: relative;
  background: #000;
  color: white;
  height: 26px;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
}
.btn-angle::after {
  content: "";
  display: block;
  position: absolute;
  right: 0px;
  width: 0px;
  height: 0px;
  border-top: 27.5px solid transparent;
  border-bottom: 27.5px solid transparent;
  border-right: 15px solid white;
}
.btn-angle::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 0px;
  height: 0px;
  border-top: 27.5px solid transparent;
  border-bottom: 27.5px solid transparent;
  border-left: 15px solid white;
  
}



.btn-price:before {
     content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 0px;
  height: 0px;
  border-top: 27.5px solid transparent;
  border-bottom: 27.5px solid transparent;
  border-left: 15px solid white;
  z-index: 99;
  top: -6px;
}

.btn-price:after {
    content: "";
  display: block;
  position: absolute;
  right: 0px;
  width: 0px;
  height: 0px;
  border-top: 27.5px solid transparent;
  border-bottom: 27.5px solid transparent;
  border-right: 15px solid white;
  z-index: 99;
  top: -6px;
}

.btn-price .tn-atom {
    border-radius: 0px!important;
}