#webform-submission-pumpkins-on-parade-voting-form-add-form,
#webform-submission-pumpkins-on-parade-voting-form-node-1859-add-form,
#webform-submission-pumpkins-on-parade-voting-form-node-2055-add-form {
  .radios--wrapper {
    legend {
      margin-inline: auto;
      margin-block-end: 1.5rem;

      span {
        display: block;
        font-size: 2.5rem;
        font-weight: bold;
        margin-block-end: 1rem;
      }
    }
    .webform-options-display-buttons {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 1rem;

      @media (width < 80em) {
        grid-template-columns: repeat(1, 1fr);
      }
      
      .js-form-item-pumpkins.js-form-item-pumpkins {
        input:checked {
          & + label {
            background-color: rgb(from #e64b36 r g b);
            border-color: rgb(from #e64b36 r g b);
            color: #fff;

            i {
              display: block;
              opacity: 1;

              @starting-style {
                opacity: 0;
              }
            }
          }
        }
        input:focus,
        input:hover {
          & + label {
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.6);
            outline: 3px dashed black;
          }
        }

        label {
          display: flex;
          flex-direction: column-reverse;
          padding: 0 0 1.5rem;
          border: none;
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);

          .webform-options-display-buttons-title {
            font-size: 1rem;
            font-weight: bold;
            height: 100%;
          }

          .description {
            margin-block-end: 1.5rem;
            position: relative;

            img {
              border-radius: 3px 3px 0 0;
            }

            i {
              display: none;
              opacity: 0;
              position: absolute;
              inset: 0;
              width: 100%;
              align-content: center;
              font-size: 4rem;
              color: greenyellow;
              background-color: rgb( 0 0 0 / 0.6);
              transition: all 0.2s ease;
              transition-behavior: allow-discrete;
            }
          }
        }
      }
    }
  }
  #edit-your-selection-text {
    .h3 {
      color: #d22030;
    }
    #pumpkin-selection-text {
      font-weight: 500;

      .webform-options-display-buttons-title {
        margin-block-end: 1rem;
      }
    }
    img {
      margin-inline: auto;
    }
    i {
      display: none;
    }
  }

  input {
    display: block;
    margin-inline: auto;
  }
}