@import "variables";

$radio-size: 20px !default; // vyska a sirka radio buttonu
$radio-bg: $col-prm !default; // farba pozadia radio buttonu
$radio-border-color: $gray200 !default; // farba borderu radio buttonu
$radio-border-width: 1px !default; // sirka borderu radio buttonu

input[type="radio"] {
  border-radius: 50%;
  border: $radio-border-width solid $radio-border-color;
  width: $radio-size;
  height: $radio-size;
  transition: 300ms ease-in-out all;
  background: rgba($radio-bg, 0);
  appearance: none;
  &:checked {
    background: $radio-bg;
    box-shadow: 0px 0px 0px 2px white inset;
    &::after {
      content: unset;
    }
  }
}
