@import '~scss/variables';

.wrapper {
  & > li {
    position: relative;
    display: flex;
    padding: 20px;
    border-radius: 4px;
    border: solid 1px $border-color;
    background-color: #ffffff;

    & + li {
      margin-top: 12px;
    }

    &.selected {
      border: solid 1px #329dce;
      background-color: rgba(199, 222, 239, 0.1);
    }

    .text {
      margin-left: 20px;
    }

    .button {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 20px;
    }
  }
}
