#custom_colors {
  .content {
    .color-content-section {
      display: flex;
      justify-content: space-between;

      .color-pickers-container, .description-container {
        width: calc(50% - 45px);
      }

      .color-pickers-container {
        display: flex;

        .color-picker-container {
          display: flex;
          flex-direction: column;
          align-items: center;

          position: relative;

          &:not(:last-child) {
            margin-right: calculateRem(50);
          }

          a.color-circle {
            display: block;

            height: calculateRem(85);
            width: calculateRem(85);

            border-radius: 50%;

            margin-top: calculateRem(20);
            margin-right: calculateRem(12);
            margin-bottom: calculateRem(20);
            margin-left: calculateRem(12);
          }

          .color-picker {
            position: absolute;

            bottom: calc(100% - 15px);
            left: 50%;
          }

          .color-hex-input {
            margin-bottom: calculateRem(10);
          }
        }
      }
    }
  }
}