$btn-primary-background-top: #4ca4f6;
$btn-primary-background-bottom: #0073f7;

$select-icon-radius: 4px;

.container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;

  select {

  }

  .icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.5rem;
    background-image: linear-gradient($btn-primary-background-top, $btn-primary-background-bottom);
    color: white;
    height: 23px;
    top: 3px;
    right: 0;
    border-radius: 0 $select-icon-radius $select-icon-radius 0;

    mat-icon {
      font-size: 19px;
      display: flex;
      justify-content: center;
      align-items: center;

      &:hover {
        cursor: default;
      }
    }
  }
}
