.container {
  width: 100%;
  height: 71px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  font-size: 27px;
  font-weight: normal;
  background-color: #f1f1f1;
  box-shadow: 2px 5px 3px #00000020;
  border: none;
  color: #000;
  transition: background 0.4s ease-in-out, transform 0.4s ease-in-out;
  line-height: 100%;
  cursor: pointer;

  &.selected {
    background: linear-gradient(to right, #057dd4 23%, #224e90 74%, #0c6bc3 94%),
      linear-gradient(-45deg, #3a617120 9%, #21212120 72%, #21895120 96%);
    background-blend-mode: color;
    color: #fff;
    // transform: scale(1.03);
  }
}

:global(.dark-theme) .container {
  background-color: #343639;
  color: #F7F7F7;
}