@use "sass:math"
@use "../vars" as *

#readabler-ai-visual-interface

  .readabler-ai-section

    > div

      .readabler-ai-action
        display: flex
        position: relative
        gap: $spacing

        &.size-full
          width: 100%

        &.size-half
          width: calc(50% - #{math.div($spacing, 2)})

        &.size-third
          width: calc((100% - 2*$spacing) / 3)

        &:hover,
        &:focus

          .readabler-ai-tooltip
            opacity: 1