.materials-item-proftest[data-v-86ba330f] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: calc(var(--scale) * 16) calc(var(--scale) * 20) calc(var(--scale) * 20);
  border-radius: calc(var(--scale) * 40);
  position: relative;
  height: 100%;
  max-height: calc(var(--scale) * 700);
  max-width: calc(var(--scale) * 446);
}
@media only screen and (max-width: 1200px) {
.materials-item-proftest[data-v-86ba330f] {
    max-height: calc(var(--scale) * 574);
    max-width: calc(var(--scale) * 366);
    padding: calc(var(--scale) * 13) calc(var(--scale) * 8);
    border-radius: calc(var(--scale) * 32);
}
}
.materials-item-proftest img[data-v-86ba330f] {
  position: absolute;
  inset: 0;
  height: 100%;
  object-fit: cover;
}
.materials-item-proftest h3[data-v-86ba330f] {
  margin-bottom: calc(var(--scale) * 12);
  position: relative;
  font-weight: 500;
  font-size: calc(var(--scale) * 64);
  line-height: 95%;
  letter-spacing: -0.02em;
  color: #FFCEE2;
}
@media only screen and (max-width: 1200px) {
.materials-item-proftest h3[data-v-86ba330f] {
    margin-bottom: calc(var(--scale) * 10);
    padding-left: calc(var(--scale) * 8);
    font-size: calc(var(--scale) * 52);
    line-height: 90%;
    letter-spacing: -0.06em;
}
}
.materials-item-proftest h3 span[data-v-86ba330f] {
  color: #FFFFFF;
}
.materials-item-proftest p[data-v-86ba330f] {
  position: relative;
  font-weight: 500;
  font-size: calc(var(--scale) * 26);
  line-height: 120%;
  color: rgba(255, 255, 255, 0.5);
}
@media only screen and (max-width: 1200px) {
.materials-item-proftest p[data-v-86ba330f] {
    padding-left: calc(var(--scale) * 8);
    font-size: calc(var(--scale) * 20);
    line-height: 110%;
    letter-spacing: -0.02em;
}
}
.materials-item-proftest button[data-v-86ba330f] {
  margin-top: auto;
  width: 100%;
  padding-block: calc(var(--scale) * 31) calc(var(--scale) * 34);
  background-color: #8D176C;
  backdrop-filter: blur(calc(var(--scale) * 5));
  border-radius: calc(var(--scale) * 24);
  transition: 200ms;
  font-weight: 500;
  font-size: calc(var(--scale) * 26);
  line-height: 120%;
  color: #FFFFFF;
}
@media only screen and (max-width: 1200px) {
.materials-item-proftest button[data-v-86ba330f] {
    padding-block: calc(var(--scale) * 27);
    font-size: calc(var(--scale) * 22);
}
}
@media (hover: hover) {
.materials-item-proftest button[data-v-86ba330f]:hover {
    background-color: #F199CE;
}
}