@import "variables";

.vn-radio {
    & > .btn {
        border-radius: 50%;

        & > .mark {
            transition: background 250ms;
        }
    }
    &.checked > .btn {
        border-color: $color-button;

        & > .mark {
            position: absolute;
            border-radius: 50%;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 10px;
            height: 10px;
            background-color: $color-button;
        }
    }
    &.disabled.checked > .btn > .mark {
        background-color: $color-font-secondary;
    }
}